2018-11-11

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

WordPressのキャッシュクリア

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

1. 単純な記述ミス

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

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

HTML/CSSのリファレンスサイト(辞書的サイト)を参考に、
正しく記述できてるか確認してみてください。

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

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

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

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

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

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

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

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

by
おすすめWordPressテーマ10選