[WordPress] テーマ編集したCSSが反映されない時の対処法

WordPressのテーマを少し編集したくなったので、オリジナルのCSSを追加してみました。
ところがうまく反映しなくて、ハマってしまったので対処法を記しておきます。
ブラウザのキャッシュをクリアすればOKでした。

オリジナルのCSSクラスを追加する方法

管理画面のサイドバーから、「外観」→「テーマの編集」をクリック。

テーマの編集

右側の一覧から「スタイルシート」を探してクリック。
ファイルの中身が編集できるようになります。
編集が終わったら、一番下にある「ファイルを更新」という青いボタンを押して下さい。

テーマの編集_ファイルを更新

あれっ、CSSが編集されていない!?

慌てないでまずは下記のポイントを確認しましょう。

  • CSSの書き方は間違っていませんか?
  • クラス名の指定を間違っていませんか?

上記に間違いがないことを確認しても、なお表示に反映されていなければ、
ブラウザのキャッシュを削除してみてください!

再読み込みを行えばCSSクラスがきちんと読み込まれていると思います。

僕はキャッシュ系のプラグインを入れていないので、
もし導入されている方は一度無効にして試してみてください。
その際は、再度有効化することをお忘れなく。

Pocket

宮田真也
Webプログラマー。 1982年京都府城陽市生まれ。東京都練馬区在住。社会学系の大学・大学院を卒業後、会社員として約6年勤務。退職後、プログラミングを学び、畑違いのWebプログラマーとして独立し、現在に至る。