キャッシュ

【WordPress】デザインが反映されない / CSSが効かない時の対処法

WordPressを使っていると「デザインが変更されない!」「CSSが効かない!」といった現象に出くわすことがあります。

その時の対処法はいくつかあります ↓

  1. ブラウザキャッシュを削除する
  2. プラグインのキャッシュを削除する
  3. サーバー側のキャッシュを削除する
  4. CSSに記述ミスがないかを確認する

デザインが反映されない時は慌てず、この4つを順々に試して行ってみましょう。では、そのやり方についてここでは解説します。

デザインが反映されない / CSSが効かない時の対処法

【対処法1】ブラウザキャッシュを削除する

デザイン変更が反映されない場合、「ブラウザキャッシュを削除する」とうまく表示されることがあります。

インターネットブラウザにはキャッシュと呼ばれるページ情報を保存しておく仕組みがあり、その影響で、過去のデザインが反映されていることがよくあるんです。それを削除してみましょう。

ちなみに、キャッシュを削除しなくても「シークレットモード」を使えばブラウザキャッシュが効いていない状態を確認することができます。

手軽にキャッシュのないクリアなページ(≒ 他のユーザーが目にするデザイン)を確認できるのでこちらもおすすめです。

【対処法2】プラグインのキャッシュを削除する

WordPressのキャッシュプラグインを使っている場合、それらのキャッシュを削除することでデザインが反映されることが可能性が高いです。

  1. WP Super Cache
  2. WP Fastest Cache
  3. W3 Total Cache

こういったプラグインをお使いの場合、これらのキャッシュを削除してデザインが反映されないかを確認してみましょう。

また怪しげなプラグインを停止して行くことでデザインが反映されることがあるので、ここまで試してうまくいかないなら、プラグインを1つ1つ停止して問題が解決しないかを確認してみましょう。

【対処法3】サーバー側のキャッシュを削除する

1や2を試してもデザインが反映されない場合、サーバー側で作成したキャッシュが反映されている可能性もあります。

特に「Xアクセラレーター」のようなキャッシュをサーバー側で保存するサービスを使っている場合は、デザインが反映されないことがあります。

そういったサービスを使っているなら、サーバーにログインしてキャッシュを削除して見ましょう。

【対処法4】CSSに記述ミスがないか確認

CSSの記述ミスでデザインが反映されないことは多いです。特に多いのがこんなミス↓

  1. スペルミス
  2. 記号の間違い(「:」と「;」)
  3. タグの閉じ忘れ

一度確認したかもしれませんが、念のためにもう一度、コードが間違っていないか(特にスペルミスがないか)をよく確認してみましょう。

また、設定の「保存忘れ」や「手順ミス」といった場合もデザインが反映されないので、そういったこともないか確認をしておきましょう。

JIN限定コミュニティ「BLOG CAMP」
BLOG CAMP

JINユーザー限定のブログコミュニティ「BLOGCAMP」をオープンしました!

・JINユーザーならずっと参加無料!
・ブログ診断など定期的なイベントあり
・稼ぐためのノウハウをコミュニティ内でシェア

という、本来なら月額かかるような有益なコミュニティをJIN公式でやっています。

ひつじくん
ひつじくん
本気でブログで稼ぎたい人はぜひ参加してください!

BLOGCAMPへの参加方法はこちら↓