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で検索してみてください。

ホームページからの集客できてますか?

ワードプレステーマ「Minimal WP」
シンプルデザインのMinimal WPテンプレートを使えば、おしゃれなホームページやブログが誰でも自分で作れます。面倒な設定が不要なミニマル設計なのでWEB初心者でも簡単。集客やファン獲得に効果抜群です!
おすすめWordPressテーマ10選
by
Minimal WPオススメのレンタルサーバー
WordPressがワンクリックで簡単にインストールできる機能が付いている下記レンタルサーバーがオススメです。【保存版】初心者向けにドメイン・サーバーの取得からWordPressのインストールまでの手順をイチから完全解説しました。→WordPressサイトの始め方・完全手順

シンプルでおしゃれなワードプレステーマ「Minimal WP」