WordPressでサイトを運営していると、「画像が表示されない」「サムネイルがリンク切れになっている」といったトラブルに出くわすことがあります。今回は、実際に画像がアップロードされていてURLも正しいのに、表示されないという現象に直面し、その原因と解決法が判明したので、記録としてシェアします。
管理画面では表示されるのに、公開ページでは画像がリンク切れ
まず、今回の現象の概要は以下の通りです：
- 管理画面（メディアライブラリや投稿編集画面）では画像が正しく表示されている
- 実際の公開ページでは、画像が「リンク切れマーク」になってしまっている
- ソースコード上では画像のURLは正しく書き出されている
- そのURLを直接ブラウザで開くと、画像は問題なく表示される
つまり、画像自体は存在していて、リンクも正しいのに、なぜか表示されないという、やや厄介な状態でした。
管理画面では正しく表示されています。
実際に書き出された画面の画像はリンク切れのマークになっていますが、ソース上では画像のURLがきちんと書き出されており、そのURLをクリックすると画像が表示されます。
画像は正しくサーバーにアップロードされてWordpressには読み込まれており、リンクも切れていないのに表示されていないということになります。
管理画面のURL（アドレス）がSSL化されていなかった
この問題、結論から言えば、管理画面のアドレスが「http://」のままだったことが原因でした。公開サイトはすでにSSL化されて「https://」で動作していたのですが、WordPressの「一般設定」にある「WordPress アドレス（URL）」と「サイトアドレス（URL）」の一方、あるいは両方がhttpのままだったため、ブラウザのセキュリティ上の制限で画像がブロックされていたようです。
解決方法：WordPressのURL設定をSSL（https）に変更
手順：
- WordPress管理画面にログイン
- 「設定」＞「一般」を開く
- 「WordPress アドレス（URL）」と「サイトアドレス（URL）」の両方を
http://からhttps://に変更 - 「変更を保存」をクリック
その後、キャッシュをクリアして再読み込みしたところ、画像はすべて正常に表示されるようになりました。
同様の現象でお困りの方へ
- サイトがSSL化されている（httpsで表示されている）のに、画像が表示されない場合
- 管理画面では見えるのに、公開ページだけ画像がリンク切れになっている場合
これらの症状があるときは、WordPressのアドレス設定がhttpのままになっていないか確認してみてください。
