【備忘録】WordPressでテーマのカスタマイズが表示されない時の対処法

[記事内には広告が含まれています]

こんにちは、現役エンジニアの inno_tech です。

WordPressの「テーマのカスタマイズ」が表示されず、お困りでしょうか?

本記事を読めば、「テーマのカスタマイズ」が正しく表示されるようになります。

原因と対策を記事にしましたので、お困りの方はぜひご覧ください。

もくじ

問題 — WordPressでテーマのカスタマイズ時にプレビューが表示されない

WordPress > 外観 > カスタマイズカスタマイズ画面を開いても、右側のコンテンツプレビュー画面が真っ白な状態です。

(写真はヘッダーが表示されていますが、実際に問題が起きていた時は何も表示されていませんでした。)

WordPress | コンテンツプレビューが表示されない
WordPress | コンテンツプレビューが表示されない

まずはプラグインが原因の可能性が高いのでプラグインを無効化してみてください。

すべてのプラグインを無効化しても正しく表示されない場合、以下をご確認ください。

原因 | HTTP(暗号化なし)接続

プラグインが原因でない場合、HTML上で何か不具合が発生している可能性が高いです。Chrome開発者ツールで詳細を確認します。

まず、ChromeでWordPressカスタマイズ画面を開き、 Ctrl + Shift + Jを押して開発者ツールを起動し、エラーや警告メッセージを確認してください。

コンソールメッセージとして、 “mixed content” や “block” というようなキーワードがあったら要注意です。

Chrome | 開発者ツール起動画面
Chrome | 開発者ツール起動画面

当方の環境では、コンテンツ部分をHTTPアクセス(暗号化なし) でアクセスしていることがわかりました。(本来はHTTPSでアクセスすべき)

これは「Mixed content(HTTPとHTTPSが混在)」という状態で、HTTPアクセスのコンテンツがブロックされ、カスタマイズ画面が正常に表示されなくなっていました。

対策 | HTTPS(暗号化あり)接続に変更

WordPress > 設定 > 一般 を開き、WordPressアドレス、サイトアドレス を確認します。

Mixed content」のエラーが発生している場合、http://[サイトURL] というアドレスになっているはずです。この状態では、HTTP接続が発生します。

正しくはhttps://[サイトURL]に変更します。すると、HTTPS接続に統一され、「Mixed content」のエラーが解消します。

WordPress | WordPressアドレス/サイトアドレスの設定
WordPress | WordPressアドレス/サイトアドレスの設定

以上で、プレビューできない問題が解決するはずです。

いかがだったでしょうか。
ほかにも役立つ情報が他のページにもあるかもしれません。
ご覧いただいても、ご覧いただかなくてもどちらでもどうぞ!

この記事がイイねと思ったら、Twitterフォロー か  にほんブログ村のどちらかしてくれたら嬉しいよ!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

コメント / ご要望

コメントする

goto
もくじ
閉じる