CSS

【コピペOK】WordPressのオススメCSSカスタマイズまとめ

投稿日:2019年3月2日 更新日:

ワードプレスのテーマにはカスタマイズしなくても十分魅力的なデザインのものが豊富です

それでも、

もっとここをこうしたいなぁー

と思うことは結構あったりするもの

そこで今回は当ブログで実際に利用しているWordPressのCSSカスタマイズについてご紹介します

ポイント

当ブログではWordPressテーマ 「WING(AFFINGER5)」を利用しているため、他テーマの場合は一部調整が必要となる場合もあるので、ご了承ください

サイト全体の基本設定カスタマイズ

ヘッダーメニューの幅を均一化して中央揃え

▼BEFORE

▼AFTER

参考元:AFFINGER5カスタマイズ!ヘッダーメニューの幅を調整する方法! | 旅するように人生を生きよう!

フォントサイズ・フォント色・行間・文字幅の調整

▼BEFORE

▼AFTER

プラグインの表示デザインカスタマイズ

Table of Contents Plus(目次)の中央揃え角丸表示

▼BEFORE

▼AFTER

参考元:table of contents plusが中央表示されないからやったこと | OYAKUDACHI.XYZ

外部サービスの表示デザインカスタマイズ

ポチレバのデザイン調整

▼BEFORE

▼AFTER

参考元:Macアプリをアフィリエイト!ポチレバのCSSカスタマイズ手順 | Enjoy IT Life

アプリーチのデザイン調整

▼BEFORE

▼AFTER

参考元:【コピペで完成】アプリーチのデザインCSS配布!全7種類用意したのでお好みをどうぞ | アフィリエイトの始め方

-CSS

Copyright© ブログシフト , 2019 All Rights Reserved Powered by AFFINGER5.