WordPressで画像を差し替えようと思ったときに、メディアライブラリの画像が新しい画像に更新されなくて困ることがあるはずです...そんな時の解決策です。
これは記事の画像を修正している時などによく起こる問題かと思います。
ブラウザの更新(スーパーリロード)が効かず、何度読み込みなおしても画像が変更されずに詰まったことがあるので、当記事で解決策を詳しくご紹介します。
画像が変更されない原因はブラウザキャッシュにあります。
この記事の目次
メディアライブラリの画像が更新されない時の解決策
WordPressで1度アップロードした画像を後から削除し、新しい画像をアップロードしなおして差し替えた時に、メディアライブラリのサムネイルが変更されず古い画像が表示されたままになることがあります。
画像をクリックして「添付ファイルの詳細」を開けば確かに差し変わっている...でもメディアライブラリには古い画像が表示されている...そんな時の解決策です。
今回はより詳しく解説するために以下の画像を使って解説していきます。
- 旧画像(差し替え前の画像)
- 新画像(差し替えたい画像)
“左側の旧画像を右側の新画像に差し替える”という流れで症状から解説します。
では早速参りましょう・w・
画像の名前が同じ場合に画像が変更されない
例えば「image-001.jpg」という画像をアップロードした状態で、後からこの画像を差し替えたい場合。別の画像でも同じ「image-001.jpg」という名前でアップロードしなおすことはよくあることだと思います。
こんな時にメディアライブラリ内の画像が更新されないという問題が起こります。
「image-001.jpg」を削除した後に「image-001.jpg」という別の画像をアップロードした様子が以下のGIFです。
こんな感じですね~
本来はドラッグしてきた新しい画像が表示されるはずですが、メディアライブラリには古い画像が表示されたままになっています。
画像はスーパーリロードでも更新されない
そしてメディアライブラリの画像は、ブラウザの更新を押しても新しい画像には変更されません。パソコンに詳しい人ならここでスーパーリロード(Shift+F5)を試すと思いますが残念ながらこれも効きません...
メディアライブラリの画像は差し替え前の古い画像のままですが、画像をクリックして「添付ファイルの詳細」を開けば確かに新しい画像には変更できていることが確認できるはずです。初見だと意味不明ですね。はい・w・
一応新しい画像に差し変わっているので、支障はないのですが画像を選びながら記事を書いていると結構気持ち悪いです。
解決策:ブラウザのキャッシュを削除する
僕も長いことWordPressのメディアライブラリの画像が更新されない...という内容で困っていたのですが、解決策を見つけてからは快適になりました。
メディアライブラリの画像が古いままで、一向に差し替えた後の画像に変更されない原因ですが、やっぱり「ブラウザキャッシュ」でした。
メディアライブラリのサムネイルが変更されない時は、各ブラウザの設定から
「キャッシュされた画像とファイル」
という名目のキャッシュを削除すればOKです!
Chromeの場合は以下の手順でブラウザキャッシュを削除できます。
Chromeを起動してメニュー()から「設定」を開きます。
続いて、横のメニューから「プライバシーとセキュリティ」に移動します。
移動したら「閲覧履歴データの削除」に進みましょう。
閲覧履歴データの削除が開いたら、チェックを「キャッシュされた画像とファイル」だけに絞って、データを削除すればOKです。
ポイント
必要に応じて期間を「1時間以内」から変更しましょう。
旧画像をアップロードした時が基準なので、直近なら1時間で十分です。
参考
上の画面はChromeのURL欄に「chrome://settings/clearBrowserData」と入力しても開くことができます。
メディアライブラリの画像が更新されたか確認
ブラウザの「キャッシュされた画像とファイル」を削除したら、メディアライブラリのサムネイルが差し替えた後の新しい画像に変更されているか確認しましょう!
メディアライブラリを開きなおせば変更されているはずです...
が、ここでは分かりやすくスーパーリロードしてみます。
今回はChromeを使っているので「Shift+F5」を押してスーパーリロード!ほいっ!
無事に新しくアップロードしなおした画像に変更されました!
今まで同じ現象で悩まされていた方は、解決方法が分かれば今後はすごく快適になるはず...です・w・
また、記事内の画像が変更されない場合は関連記事(↓)もご確認下さい!
まとめ
以上、WordPressで画像を差し替えたあと、メディアライブラリの画像が変更されない時の解決策でした。
スーパーリロードでは画像が変更されないという点に注意です。
そんな時は使用しているブラウザの「キャッシュされた画像とファイル」に該当するブラウザのキャッシュを削除してみて下さい。
今回はChromeで解説しましたが、Edgeの場合でも「クリアするデータの選択」という所から同じく「キャッシュされた画像とファイル」を削除することができます。
ではではこのへんで・w・