WordPressを使っていると「デザインが変更されない！」「CSSが効かない！」といった現象に出くわすことがあります。
その時の対処法はいくつかあります ↓
- ブラウザキャッシュを削除する
- プラグインのキャッシュを削除する
- サーバー側のキャッシュを削除する
- CSSに記述ミスがないかを確認する
デザインが反映されない時は慌てず、この４つを順々に試して行ってみましょう。では、そのやり方についてここでは解説します。
デザインが反映されない / CSSが効かない時の対処法
【対処法１】ブラウザキャッシュを削除する
デザイン変更が反映されない場合、「ブラウザキャッシュを削除する」とうまく表示されることがあります。
インターネットブラウザにはキャッシュと呼ばれるページ情報を保存しておく仕組みがあり、その影響で、過去のデザインが反映されていることがよくあるんです。それを削除してみましょう。
- Safariのキャッシュ削除方法
- Chromeのキャッシュ削除方法
- IEのキャッシュ削除方法
ちなみに、キャッシュを削除しなくても「シークレットモード」を使えばブラウザキャッシュが効いていない状態を確認することができます。
手軽にキャッシュのないクリアなページ（≒ 他のユーザーが目にするデザイン）を確認できるのでこちらもおすすめです。
【対処法２】プラグインのキャッシュを削除する
WordPressのキャッシュプラグインを使っている場合、それらのキャッシュを削除することでデザインが反映されることが可能性が高いです。
- WP Super Cache
- WP Fastest Cache
- W3 Total Cache
こういったプラグインをお使いの場合、これらのキャッシュを削除してデザインが反映されないかを確認してみましょう。
また怪しげなプラグインを停止して行くことでデザインが反映されることがあるので、ここまで試してうまくいかないなら、プラグインを1つ1つ停止して問題が解決しないかを確認してみましょう。
【対処法３】サーバー側のキャッシュを削除する
１や２を試してもデザインが反映されない場合、サーバー側で作成したキャッシュが反映されている可能性もあります。
特に「Xアクセラレーター」のようなキャッシュをサーバー側で保存するサービスを使っている場合は、デザインが反映されないことがあります。
そういったサービスを使っているなら、サーバーにログインしてキャッシュを削除して見ましょう。
【対処法４】CSSに記述ミスがないか確認
CSSの記述ミスでデザインが反映されないことは多いです。特に多いのがこんなミス↓
- スペルミス
- 記号の間違い（「:」と「;」）
- タグの閉じ忘れ
一度確認したかもしれませんが、念のためにもう一度、コードが間違っていないか（特にスペルミスがないか）をよく確認してみましょう。
また、設定の「保存忘れ」や「手順ミス」といった場合もデザインが反映されないので、そういったこともないか確認をしておきましょう。
JINユーザー限定のブログコミュニティ「BLOGCAMP」をオープンしました！
・JINユーザーならずっと参加無料！
・ブログ診断など定期的なイベントあり
・稼ぐためのノウハウをコミュニティ内でシェア
という、本来なら月額かかるような有益なコミュニティをJIN公式でやっています。
BLOGCAMPへの参加方法はこちら↓
