【SWELL】トップページにメインビジュアルが表示されない不具合を解決【レンタルサーバー：ConoHa】

こんにちは、ジョイ右京です。

WordPressでこのブログを運営しています。使用しているテーマはSWELLです。

2021年にレンタルサーバーをエックスサーバーからConoHa WING に変更したときに、トップページのメインビジュアルの画像が表示されないトラブルが起こりました。

幸いその後に無事に復旧できましたので、復旧までの経過を記事にしたいと思います。

解決法の一例としてご参考にご覧ください。

メインビジュアルが表示されない不具合の発生

上記画像はこのブログの正常な状態のトップページです（2021年当時）。

しかし、レンタルサーバーをエックスサーバーからConoHa WINGに変更した後、次のような表示になっていました。

F5でページ更新をかけると一瞬だけメインビジュアルの画像が表示されますが、すぐに見えなくなってしまう状態でした。

復旧までの手順｜メインビジュアルが表示されない不具合

メインビジュアルが表示されない不具合の復旧までの経過は次のとおりです。

「よくある質問（FAQ） _ SWELLERS’」を参照

使用テーマはSWELLでしたので、SWELLERS’（SWELL利用者限定の会員サイト）の「よくある質問（FAQ）」のページで次の回答を見つけました。

Q：メインビジュアルの画像が表示されません

A：SSL化が正常に完了できているかをご確認ください。 この問題が発生する9割以上の方が、SSL化後もWordPressの設定をhttpのまま運用してしまっていたりしています。（「Mixed content」でググってみてください。）

SWELLERS’ _ SWELL利用者限定の会員サイト

そこでConoHaのコントロールパネルから、

→サイト管理
→サイトセキュリティ
→独自SSL

を開いて、独自SSLの利用設定をＯＦＦにしたところ、メインビジュアルが表示されることを確認しました。

これでSSLが原因であることは確認できました。

ということは、サイト内に「https」でなく「http」となっている箇所を特定して修正すれば直るはずです。

開発者ツールからページの状態を確認

次にGoogle Chromeの開発ツールのコンソールを使ってページの状態を確認しました。

（F12キー　→　Console を選択）

画像を保存するのを忘れたのですが、コンソールに画像の保存先が「http」であることが原因のエラーが表示されていました。

どうやら画像の保存先が「https」ではなく「http」になってしまっていることが原因のようです。

メディアのURLを確認

次に、WordPress の管理画面 → メディア　を開いて「ファイルのURL」を確認すると、たしかに「http」になっていました。

（画面コピー保存を忘れてたので「https」状態になった後の画像です。）

復旧した方法｜メインビジュアルが表示されない不具合

画像の保存先が「http」になってしまう原因ですが、WordPressの一般設定で発見しました。

「WordPress アドレス（URL）」と「サイトアドレス（URL）」が「http」になっていることが原因だったようです。

こちらを両方とも「https」に修正することで、メディアの保存先URLが全て「https」に変わりました。

外観ーカスタマイズ

ただ、この時点ではまだトップページを開いてもメインビジュアルが表示されなかったため

WordPressのメニュー
→ 外観
→ カスタマイズ

から、一旦メインビジュアルの画像を削除し、そのうえで再度画像を設定しなおしすることで、無事に復旧しました。

まとめ

今回は、レンタルサーバーをエックスサーバーからConoHaにブログを移行した際に、メインビジュアルが表示されなくなった不具合を復旧するまでの手順を記事として残しました。

結局の原因は「WordPressの設定が正しくできていなかった」という凡ミス・・・、たぶんブログ開設後すぐにSSL設定をした際に変更すべきところを変更できていなかったのだと思います。

とはいえエックスサーバーのときに表示されていたのは謎ですが、とにかく結果オーライ。

以上、もし同じ現象で困っている方の参考になれば嬉しいです。