ワードプレスでスタイルシートや画像を変更してもブラウザで表示が変わらない時の対応

シェアする

ワードプレスだけでないのですが、ウェブサイトを開発していて、
同じファイル名のままなんだけど画像ファイルの中身を変えたり、
スタイルシートを変更して、表示位置などを変えたりしても、
変更が反映されてないなって思ったことありますか?

こんなとき、ブラウザのキャッシュにファイルが残っていて、
ウェブサイトでの変更が反映されてない場合があります。

キャッシュをクリアしてみましょう。

下記にグーグル クローム(chrome)での手順を紹介します。

グーグルクロームのキャッシュクリアの手順

設定を開く

右側メニューより、「設定」をクリックします。

閲覧履歴からキャッシュを消去

少し下にスクロールして「閲覧履歴データを消去する」をクリックします。

「閲覧履歴データを消去する」の一覧より、
「キャッシュされた画像とファイル」のみをチェックした状態にして、
「閲覧履歴データを消去する」ボタンをクリックします。

※「Cookieと他のサイトデータ」を削除してしまうと、
ログイン中などのセッション状態がキャンセルされてしまったり、
「パスワード」を削除してしまうと、
パスワード入力画面で自動入力がされなくなりますので、
ご注意ください。

確認

問題のあったページをリロード(F5キーか、など)すると、
問題が解決されているはずです。

解決しない場合、サーバー側の問題の可能性がありますので、
サーバー側でファイルが保存されているか、変更箇所が
あっているかなど、調査お願いします。

グーグルクロームの「検証機能」も便利ですよ。