2018-11-11

CSSを修正したのにサイトのデザインに反映されない場合に、疑うポイント2つ

WordPressのキャッシュクリア

WordPressテンプレートのデザインを自分好みにカスタマイズしてて、
CSS(スタイルシート)やHTMLコードを修正したのに、
なぜかサイトに反映されない!デザインが変わらない!って場合は、
だいたい以下の2つが原因です。

1. 単純な記述ミス

もうこれは誰にでも起こりうるもので、
簡単なところほど記述ミス・スペルミス・タグの閉じ忘れ、
またはちょっとしたマウス操作ミスや、コピペミスなどなど、、、。

そんなのがまず第一に疑うポイント。

2. キャッシュが残ってる問題

正しく記述できてるのに、サイトに反映されない場合はキャッシュが残ってる問題。
だいたいがこれです。

キャッシュというのは、1度目にサイトに訪れた時に読み込んだデータを記憶させて、
2度目のアクセスではサーバーから最新データを読み込まない(過去に記憶したデータを表示させる)分、
高速でサイトが表示できるWebの仕組みです。

WordPressでキャッシュが有効になるパターンは、

  1. キャッシュ系プラグイン
  2. PCブラウザ
  3. モバイルブラウザ
  4. レンタルサーバー

だいたいがこの4つです。
それぞれの管理画面から「キャッシュをクリア(削除・開放)」をすればOKです。

Chrome/Firefox/Safariなどのウェブブラウザ自体のキャッシュが効いている場合は、
環境設定画面から「閲覧履歴データを消去(キャッシュされた画像とファイルの削除)」を行なうと、
ブラウザに残っているキャッシュがクリアされて、サイト上のデータが更新されます。

ブラウザによって方法は多少異なりますので、Googleで検索してみてください。

おすすめWordPressテーマ10選
by