WordPressテーマのカスタマイズCSS

AFFINGER6

当サイトでも使用しているテーマ。
廉価版でもデザインにこだわりたい人向けのCSSを紹介。

SWELL

今最も熱いWordPressテーマ。
拡張性の高いデザインを補助するようなCSSを紹介。

THE THOR

未だ根強いファンがいるベテランテーマ。
ブロックエディター非対応によるレイアウト崩れを修正するCSSを紹介。

テーマカスタマイズ前の注意

バックアップを取る

CSSを変更するとデザインが大きく崩れる可能性があります。必ず元の状態に戻せる準備をしておきましょう。

バックアップを取るならプラグインのBackWPupが便利です。

親テーマは弄らない

テーマはアップデートなどによって内容が変化するため、せっかくカスタマイズしても上書きされて元に戻ることがあります。

テーマのデザインをカスタマイズを行うなら、CSSは子テーマのスタイルシート(style.css)に記述しましょう。