WordPressをhttpからhttpsに変更した時にレイアウト崩れを直す方法



Googleがhttpよりもhttpsを評価する、という方針を打ち出したのはDeveloperの皆さんならご承知だと思います。

私も「早くやらなければ…」と思いながらようやく本日httpsに変更しました。

ですがレイアウトが崩れてしまったのです。

そこで「コードを書き換えなければならないのかな…」

「でもそんなはずはないのに…」等いろいろ考えましたが、やれることはやってみよう、

と思考を巡らせました。

 

試したことは5つほどありましたが、うまくいった結果だけ記載しますね。

 

WordPressの「設定」→「一般」を下記のように変えて成功しました。
Wordpress 一般設定

ご覧のとおり、「」を「」にしただけです。

サーバー、SSLはXserverの独自SSLです。

これで見事にどのブラウザでもCSSをきちんと読み込んでくれるようになりました。

 

お困りの方、まずこれをやってみてください。

もしそれでもレイアウトが崩れるようであれば他に試した方法を幾つかご紹介します。