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のままになっていないか確認してみてください。
飯田市でホームページ制作・広告運用をサポート｜デザインスタジオiR
牧内理恵
まきうちりえ
飯田市在住、広告制作歴20年以上。これまで200名以上のクライアント様と向き合い、100件以上のサイト制作を手掛けてきたデザイナー兼エンジニアの牧内理恵です。御社の強みを引き出し、業績アップに繋がるWebサイト・ネットショップ・販促ツールをご提案します。拠点とする長野県内はもちろん、全国各地からのご依頼にも柔軟に対応しております。
「相談してよかった」と言っていただける、飯田下伊那地域のパートナーとして。
長野県飯田市を拠点に、ホームページ制作やECサイト構築、Web運用のトラブル解決を承っています。20年以上のキャリアで培った「伝わるデザイン」と「確かな技術」で、御社の業績アップを支えます。飯田・下伊那エリアはもちろん、全国からのオンライン相談も大歓迎です。
「ホームページを作りたい」「ホームページをリニューアルしたい」といったご依頼もお気軽にお声がけください。
※強引な勧誘は一切ありませんので、安心してお悩みをお聞かせください。
