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

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

ジョイ右京について
  • 最小限のモノで暮らす40代ミニマリスト
  • 妻と二人暮らし
  • ミニマルな暮らしやストレスなく穏やかに過ごすアイデアを発信しています
  • Xアカウント: @joy_ukyou
Kindle電子書籍をセルフ出版しました

こちらのブログは2020年1月から開始しました。

その1年後、レンタルサーバーをエックスサーバーからConoHa WING に変更したときにトラブルが起こりました。

ジョイ右京

トップページのメインビジュアルの画像が表示されていない・・・

その後にいろいろ調べてみたところ、なんとか無事に復旧できましたので、今回はメインビジュアルが表示されないときの対処方として、今回の復旧までの経過を記事にしたいと思います。

使用テーマはSWELLです。

わたしと同じような現象が起こった場合の、解決法の一例としてご参考にご覧ください。

目次

メインビジュアル非表示の現象

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

【画像】メインビジュアルが表示されない
中間位置に入っていたはずのメインビジュアルが表示されない
ジョイ右京

画像が表示されていない!

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

メインビジュアル表示 復旧までの手順

メインビジュアル表示復旧までに対処した手順は次のとおりです。

「よくある質問(FAQ) _ SWELLERS’」を参照

使用テーマはSWELLでしたので、それを中心に検索してみたところ、SWELLERS’(SWELL利用者限定の会員サイト)の「よくある質問(FAQ)」のページで次の回答を見つけました。

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

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

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

そこで試しに、ConoHaのコントロールパネルから、サイト管理→サイトセキュリティ→独自SSL、を開いて利用設定をOFFにしたところ、メインビジュアルが表示されました。

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

上記回答からすると、おそらくサイト内に「https」でなく「http」となっている箇所がある?みたいです。

【画像】ConoHa 独自SSL設定
ConoHa コントロールパネル

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

そこで今度はブラウザ(Google Chrome)の開発ツールで、コンソールを使いページの状態を確認しました。(F12キー → Console を選択)

画面コピーを保存するのを忘れたので下図はイメージです(すみません!)。

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

【画像】Google Chrome 開発ツール コンソール画面
Google Chrome 開発者ツール(F12キー)
ここに画像データ保存先がhttpになっているとエラーが表示されていた

これで画像の保存先が「https」ではなく「http」になってしまっていることが判明しました。

メディアのURLを確認

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

(これも画面コピー保存を忘れてたので「https」状態になった後の画像です。申し訳ない!)

【画像】メディアのURL設定
メディアの保存先URLを確認

WordPress の一般設定を修正

なぜ、画像の保存先が「http」になってしまっているのか・・・。

あちこち調べていると、WordPressの一般設定で「WordPress アドレス(URL)」と「サイトアドレス(URL)」が「http」になっていることを発見。

これが原因でした・・・。

【画像】WordPressアドレス設定画面
WordPress管理者メニュー → 一般設定

こちらを手入力で「https」に修正することで、メディアの保存先URLが「https」に変わりました

外観ーカスタマイズ

ただ、この時点ではまだトップページを開いてもメインビジュアルが表示されなかったため、改めてWordPressのメニュー → 外観 → カスタマイズ、を開いていったんメインビジュアルの画像を削除、そして再度画像を設定しなおしすることで無事表示され解決しました。

【画像】メインビジュアル復旧
メインビジュアルが無事に表示!

まとめ

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

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

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

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
ジョイ右京
最小限のモノで暮らす40代ミニマリスト | 妻と二人暮らし | 非正規図書館司書 | ミニマルな暮らし・ストレスなく穏やかに過ごすアイデアについて発信します

にほんブログ村ランキング参加中

「ミニマリスト」クリックでランキングの応援となります。よろしければお願いします!

にほんブログ村 ライフスタイルブログ ミニマリストへ

PVアクセスランキング にほんブログ村

目次