WordPress：画像の変更が反映されない！解決方法

ワードプレスでブログをやっている方は、画像を変更したのに何故かその変更がサイトに反映されないことはありませんか？

私も先日、ロゴ画像の変更が反映されない事態に遭遇し、試行錯誤の末に解決しました。

本記事では、その解決方法についてシェアします！

ロゴ画像が一部のページで変更されない問題が発生

私は最近、このブログのヘッダに表示されているロゴ画像を変更しました。

最初はサイト名を「もも日和」にしていたのですが、後に「ネコ時々日和」に変更したので、合わせてロゴ画像も「ネコ時々日和」用の画像に変えたのです。

ところが、WordPress(Swell)の設定でロゴ画像を変更したにもかかわらず、なぜかホームページにしか反映されず、投稿ページやカテゴリーページでは以前の「もも日和」のロゴがそのまま表示されていました。

パソコンでもスマホでも、トップページだけは新しいロゴが表示されるのに、その他のページでは古いロゴが残っているというチグハグな状態（ページによって表示されるロゴ画像が違う。。）になってしまいました。

試行錯誤するが、解決せず。。

ロゴ画像の変更が反映されるように、以下の方法を試してみました。

しかし、これだけ試しても解決しませんでした。。

特に1番目の方法（旧ロゴ画像を削除）を実行した後は、トップページ以外のロゴが消えてしまい、エラーが発生するようになってしまいました。

エラー発生！「Failed to load resource: the server responded with a status of 404」

Google Chromeの開発者ツール（F12キー）でエラーメッセージを確認したところ、

Failed to load resource: the server responded with a status of 404 ()

というエラーが出ていました。これは、ページがすでに削除した旧ロゴ画像を読み込めずにエラーになっている状態を示しています。

Swellのキャッシュを削除したところ、WordPressの管理画面上では新しいロゴに変更されたように見えましたが、他のブラウザやスマホで確認すると、依然としてトップページ以外では古いロゴの読み込みエラーとなっていました。

プラグインLiteSpeed Cacheのキャッシュを削除したら解決！

Swellテーマのキャッシュ削除でも解決しなかったので、次にLiteSpeed CacheというWordPressのキャッシュ系プラグインのキャッシュを削除してみました。

すると、ようやく全てのページで新しいロゴ画像「ネコ時々日和」が表示されるようになりました！

Swellのキャッシュを削除してもダメ だったので焦りましたが、テーマとは別に、プラグイン側のキャッシュも影響していたことが原因だったようです。

なぜキャッシュ削除で解決したのか？

今回の問題の原因は、キャッシュが古いロゴ画像を保持していたため、新しい画像に更新されなかったことにあります。

キャッシュとは、一度表示したデータを一時的に保存し、次回以降の表示を高速化する仕組みです。キャッシュが残っていると、ページの読み込みは速くなりますが、変更が正しく反映されないことがあります。

特に、キャッシュ系プラグイン（LiteSpeed Cacheなど）を使用している場合、ページの表示が古いキャッシュに基づいて行われるため、WordPressの管理画面上では正しく変更されていても、実際のサイトでは古いデータが表示されてしまうことがあります。

まとめ：ロゴ画像の変更が反映されないときの対処法

もしWordPressでロゴ画像を変更しても一部のページに反映されない場合、以下の手順を試してみてください。

同じ問題で困っている方の参考になれば幸いです！

画像の変更が反映されないときは、Swellのキャッシュだけでなく、
プラグインのキャッシュも削除すると解決することがあります！