こんにちは、現役エンジニアの inno_tech です。
WordPressの「テーマのカスタマイズ」が表示されず、お困りでしょうか?
原因と対策を記事にしましたので、お困りの方はぜひご覧ください。
問題 — WordPressでテーマのカスタマイズ時にプレビューが表示されない
WordPress > 外観 > カスタマイズ でカスタマイズ画面を開いても、右側のコンテンツプレビュー画面が真っ白な状態です。
(写真はヘッダーが表示されていますが、実際に問題が起きていた時は何も表示されていませんでした。)
すべてのプラグインを無効化しても正しく表示されない場合、以下をご確認ください。
原因 | HTTP(暗号化なし)接続
プラグインが原因でない場合、HTML上で何か不具合が発生している可能性が高いです。Chrome開発者ツールで詳細を確認します。
まず、ChromeでWordPressカスタマイズ画面を開き、 Ctrl + Shift + J
を押して開発者ツールを起動し、エラーや警告メッセージを確認してください。
コンソールメッセージとして、 “mixed content” や “block” というようなキーワードがあったら要注意です。
当方の環境では、コンテンツ部分をHTTPアクセス(暗号化なし) でアクセスしていることがわかりました。(本来はHTTPSでアクセスすべき)
対策 | HTTPS(暗号化あり)接続に変更
WordPress > 設定 > 一般 を開き、WordPressアドレス、サイトアドレス を確認します。
「Mixed content」のエラーが発生している場合、http://[サイトURL]
というアドレスになっているはずです。この状態では、HTTP接続が発生します。
正しくはhttps://[サイトURL]
に変更します。すると、HTTPS接続に統一され、「Mixed content」のエラーが解消します。
以上で、プレビューできない問題が解決するはずです。
いかがだったでしょうか。
ほかにも役立つ情報が他のページにもあるかもしれません。
ご覧いただいても、ご覧いただかなくてもどちらでもどうぞ!
この記事がイイねと思ったら、Twitterフォロー か にほんブログ村のどちらかしてくれたら嬉しいよ!
コメント / ご要望