【WordPress】メディアファイルを差し替えたのに前の画像が表示→キャッシュが原因

アイキャッチ

WordPressのメディアライブラリにアップロードした画像ファイル。画像を別のものに差し替えたいと思ってアップロード済みのファイルを削除して、同じファイル名で別の画像をアップロード。

ブログを確認すると差し替え前の画像が表示されてしまうことがよくありました。

たいら

削除したのにどうして?

これは、WEBブラウザのキャッシュが原因でした。

この記事ではブラウザのキャッシュを削除する方法を解説します。

Google chromeでの方法になります。

目次

メディアライブラリへのアップロード方法

WordPressの管理画面にて、[メディアライブラリ]→[新しいメディアファイルを追加]で画像ファイルをアップロードする方法はご存じだと思います。

アップロード後に、間違いに気付くなどして、違う画像に差し替えたいという時がありますよね。

その場合、アップロード済みのメディアライブラリの画像を削除して、差し替え後の画像をアップロードします。

この時、ファイル名を変えてしまえばいいのですが、管理上ファイル名を連番にしているので同じファイル名にしておきたいのです。

例)eye-catch_01、eye-catch_02、eye-catch_03など

ちなみに、メディアライブラリに同じファイル名のものは2つ同時にアップロードできません。差し替えるときは前の画像ファイルを削除してから行いましょう。

差し替えたはずなのに前の画像が表示される

画像を差し替えた後でブログを確認すると、差し替え前の画像が表示されています。

どうしてだろう?と思って、何度かページをリロードしてみましたが、一向に変わらず。

実はこれ、WordPress側の問題ではなく、ブラウザ側の問題でした。

私が使用しているブラウザは「Google chrome」です。Google chromeにはページをキャッシュする機能があります。そのため、WordPressで画像を差し替えてもキャッシュが残っているので前の画像が表示されてしまうのです。

Google chromeのキャッシュを削除する方法

STEP
ブラウザの右上の3点を押して[設定]を選択
キャッシュのクリア方法1
STEP
[プライバシーとセキュリティ]を選択

その後[閲覧履歴データを削除]を選択

キャッシュのクリア方法2
STEP
[キャッシュされた画像とファイル]にチェックが入っていることを確認して[データ削除]を押す
キャッシュのクリア方法3

これでキャッシュは削除されました。

ページをリロードしてみると、差し替え後の画像が表示されているはずです。

SWELLの「キャッシュクリア」とは別のもの

SWLLには「キャッシュクリア」の設定項目があります。

このキャッシュクリアの項目は全てONに設定済みでした。でも画像は古いものが表示されたままでした。
SWELLのキャッシュはWEBサーバー上のキャッシュなので、ブラウザのキャッシュとはまた別のものだそうです。

もしブラウザのキャッシュをクリアしても古い画像が表示されてしまうとしたら、WEBサーバー上のキャッシュが残ったままになっている可能性が高いです。

ブラウザのキャッシュをクリアして、新しい画像が表示されるということは、WEBサーバー上のキャッシュもクリアされているということになります。

定期的にブラウザのキャッシュを削除すると良い

WordPressで画像を差し替えたのにも関わらず、前の画像が表示されてしまうのは、ブラウザのキャッシュが残っているからということが分かりました。

今回開設したのはGoogle chromeでの方法ですが、他のブラウザでも設定画面にアクセスするとキャッシュの設定があるはずなので、もし表示がおかしい場合はキャッシュを削除してみると良いと思います。

キャッシュを削除してもサイトに保存してあるパスワードなどのデータは残るので、心配ありません。
それよりキャッシュが溜まると重くなるので、定期的にキャッシュを削除する習慣をつけた方が良さそうですね。

今回はここまでになります。
最後まで読んでいただきありがとうございました。

目次