【wordpress】SSL設定を行なってレイアウトが崩れました

Question

前提・実現したいこと

サイトリニューアルの際に、ロリポップの管理画面でSSL設定を行い、wordpressの管理画面のサイトURLもhttps:に変更をしたら、レイアウト崩れが起きてしまいました...

エラー

Uncaught ReferenceError: FooBox is not defined
at <anonymous>:8:41
at (index):602
VM304:8 Uncaught ReferenceError: FooBox is not defined

Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR
wp-embed.min.js:1 Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR

試そうとしていること

下記の質問者さんと同じことを行えば、直るのではと考えております。
https://teratail.com/questions/113841
サーバーがサクラではないので、ロリポップの場合がわからなく、ロリポップ管理画面？のどこを参考にすれば良いかわかる方がいたら伺いたいです。

ご助力のほど、よろしくお願いいたします。

Answer 1

解決いたしましたので、ご報告させて頂きます。

wordpressアドレスをサブドメインにしていたのですが、そちらを本番環境のサイトURLに書き換えたらレイアウトが戻りました。

Answer 2

デベロッパーツールで読み込まれていない物が何かを特定し、そこを修正すれば崩れは直ります。
多くは、テンプレート上にURLを直接書いている場合に読み込めなくなったりします。

記事文中に画像を張っている場合はそのURLの置換作業をする必要があるかもしれません。

【Chrome デベロッパーツールの使い方概要 | Web Tips】
http://weback.net/utility/1410/

Comments

[ami15821]

アドバイス、ありがとうございます。
kei344さんのおっしゃるように、エラー表示がございまして、読み込まれていない箇所があるようです。
ただ、なぜ読み込まれないのかわかりかねておりまして、どうやって修正していったら良いのでしょうか？

[ami15821]

エラー表示の一部、記載しました

[kei344]

どのようなプラグイン構成で、テンプレートをどの程度改修しているかによって作業が変わるため、http:になっている箇所を順番に修正して回るしかないです。
あとはプラグインによるキャッシュも利用されている場合は一時的に停止するなどする必要があるかもしれません。

1. DB／ファイル全てのバックアップをする
2. デバッグモードにする ⇒ http://mignonstyle.com/debug-mode/
3. プラグイン／テーマ／本体全てをアップデートする
4. キャッシュをとめる／クリアする
5. デフォルトテーマで再現するか確認する
6. プラグインを全て止めて再現するか確認する

[ami15821]

デバックモードにして、出てきたエラー？内容が2つあったので、貼り付けます。

Warning: include(/home/users/1/main.jp-33359d21cdee26b0/web/wp/wp-content/advanced-cache.php): failed to open stream: No such file or directory in /home/users/1/main.jp-33359d21cdee26b0/web/wp/wp-settings.php on line 84

Warning: include(): Failed opening '/home/users/1/main.jp-33359d21cdee26b0/web/wp/wp-content/advanced-cache.php' for inclusion (include_path='.:/usr/local/php/7.1/lib/php') in /home/users/1/main.jp-33359d21cdee26b0/web/wp/wp-settings.php on line 84

意味合いがわからなく、ご助力いただければ幸いです

[kei344]

キャッシュ系のプラグインのエラーですね。すみませんが、それくらいしか判断できません。