楽天セール開催中!ポイント最大11倍! セール会場へ

WordPress│ウィジェットメニューが真っ白で表示されない時の解決方法

wordpress-classic-widgets

これは旧ウィジェット画面へ一時的に切り替える回避策です。白い画面の原因を直すものではありません。WordPressの公式フィルターを使う例へ更新しました。以下の画像は過去の事例で、同じ結果をすべての環境で保証するものではありません。

この記事の発端は、WordPress 5.8へ更新した当時にウィジェット画面が表示されなくなった事例です。

以下では原因調査と並行して使える、旧ウィジェット画面への切り替え方法を説明します。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

WordPress ウィジェットメニューが真っ白で表示されない時の現象と原因について

外観>ウィジェットを選択すると画面が真っ白になる現象が確認できます。

外観のウィジェットを選択した際に画面が真っ白になって表示されない現象を示す画面。

WordPress 5.8ではブロックベースのウィジェット画面が導入されました。ただし白い画面だけで原因は特定できません。ブラウザのJavaScriptエラー、プラグインの競合、サーバー側のエラーも切り分けます。

ブロックウィジェット画面で問題が起きている場合は、設定を控えたうえで旧画面への切り替えを試します。

WordPress ウィジェットメニューが真っ白で表示されない時の解決方法

[解決方法1]Classic Widgetsのプラグインを入れる

Classic Widgetsを有効にすると、クラシックテーマのウィジェット管理を旧画面へ戻せます。ブロックテーマには適用できません。

クラシックウィジェットの表示に戻すためのプラグインの追加手順を示す画面。

[解決方法2]functions.phpにコードを記載する

新機能のウィジェットブロックエディターを functions.phpでOFFにしてあげましょう。

バックアップした子テーマのfunctions.phpへ次の1行を追加します。PHP開始タグを重複させず、Classic Widgetsとの併用は避けてください。ブロックテーマのサイトエディターを旧ウィジェット画面へ変えるコードではありません。

add_filter( 'use_widgets_block_editor', '__return_false' );
functions.phpにコードを追加した結果、以前のクラシックウィジェットの表示に戻った管理画面。

SWELL 2.19.0のソースでは、テーマ側がブロックウィジェットの対応を無効にしています。すでに旧画面で真っ白になる場合、この切り替えコードを重ねても原因の解決にはなりません。

解決した結果

以前のクラッシックウィジェットの表示に戻りました!

設定後に以前のクラシックウィジェットの表示に戻ったことを示す画面。

旧画面で保存した後の確認手順

掲載のフィルターを読み込んだ実WordPress 7.1.2で、旧ウィジェット画面を開けることを確認しました。BogoのLanguage Switcherを検証専用エリアへ追加し、タイトルを保存して画面を開き直すと、保存したタイトルと「保存しました」が表示されました。

保存ボタンを押せるだけでは、公開表示まで確認したことになりません。ウィジェット画面を開き直して値を確認し、追加先の公開ページでもタイトルと内容が表示されるか比べてください。今回の検証では、公開側の言語切り替えにも保存したタイトルが出ました。

このフィルターは旧画面へ切り替える回避策です。元の白画面の障害やJavaScriptエラーを再現・解消した結果ではありません。ブロックウィジェット固有の機能を使っている場合は、先に配置と設定を保存し、切り替え後に欠落がないか確認してください。

作業が終わったら追加したフィルターを外すと、テーマが対応する通常のウィジェット画面へ戻ります。原因調査はブラウザーのエラー、テーマ・プラグインの組み合わせ、読み込まれないファイルを分けて進めます。本番を一括停止せず、検証環境で比較してください。

旧ウィジェット画面で言語切り替えの保存済みタイトルを再表示した実WordPress画面
2026年10月2日、隔離WordPressで撮影した実画面です。

WordPress ウィジェットメニューが真っ白で表示されない時の解決方法まとめ

本記事では「 WordPress ウィジェットメニューが真っ白で表示されない時の解決方法 」について書きました。

旧画面を利用できるかは、テーマの種類とWordPress・プラグインの対応状況によって変わります。更新前に使用中のウィジェットと復元方法を確認してください。

これはテーマ側の対応しだいにもなりますが、WordPressのアップデートには注意しておきましょう。

復旧後は、追加した1行を外すか、使用したClassic Widgetsを停止して元の画面を確認します。作業前にウィジェット設定をバックアップし、内容の表示も確認してください。2026年10月2日の保存確認は前述の隔離環境での記録です。2026年10月21日の本文再確認では、保存操作を再実行していません。実際の白画面の原因再現・解消は未確認です。

よくある質問:ウィジェットメニューが真っ白で表示されないとき

ウィジェット画面が真っ白になるのは、WordPress 5.8のせいですか?

記事では、WordPress 5.8ではブロックベースのウィジェット画面が導入されましたが、白い画面だけで原因は特定できないとされています。ブラウザのJavaScriptエラー、プラグインの競合、サーバー側のエラーも切り分けます。

記事の方法は、白い画面の原因を直しますか?

直しません。記事では、これは旧ウィジェット画面へ一時的に切り替える回避策で、白い画面の原因を直すものではありません。元の白画面の障害やJavaScriptエラーを再現・解消した結果でもありません。

解決方法には、どんなものがありますか?

記事では、2つ紹介しています。解決方法1はClassic Widgetsのプラグインを入れる方法、解決方法2はfunctions.phpにコードを記載して、新機能のウィジェットブロックエディターをOFFにする方法です。

functions.phpに書くときの注意点は?

バックアップした子テーマのfunctions.phpへ、記事の1行を追加します。PHP開始タグを重複させず、Classic Widgetsとの併用は避けてください。

ブロックウィジェット固有の機能を使っている場合は?

先に配置と設定を保存し、切り替え後に欠落がないか確認してください。作業前にウィジェット設定をバックアップし、内容の表示も確認します。

旧画面で保存したあとは、何を確認しますか?

保存ボタンを押せるだけでは、公開表示まで確認したことになりません。記事では、ウィジェット画面を開き直して値を確認し、追加先の公開ページでもタイトルと内容が表示されるか比べるよう案内しています。

元の画面に戻すには、どうしますか?

追加した1行を外すか、使用したClassic Widgetsを停止して元の画面を確認します。追加したフィルターを外すと、テーマが対応する通常のウィジェット画面へ戻ります。

原因を調べるには、どうしますか?

原因調査は、ブラウザーのエラー、テーマ・プラグインの組み合わせ、読み込まれないファイルを分けて進めます。本番を一括停止せず、検証環境で比較してください。

どこまで動作確認されていますか?

2026年10月2日の隔離WordPress 7.1.2で、旧画面の表示とBogoのLanguage Switcherの保存・公開表示を確認した記録を掲載しています。2026年10月21日の本文再確認では、その操作を再実行していません。元の白画面の原因を再現・解消した検証ではありません。

  • URLをコピーしました!

自力で解決できないときは

WordPressのエラー・不具合対応

原因の切り分けから復旧、再発防止の設定まで承ります。1時間 ¥5,000〜(税込)。管理画面に入れない、表示が崩れるといった急ぎのご相談にも対応します。

WAZAの有料記事のサブスクリプションも開始しました。

サービス

Service

WordPressのエラー・不具合対応のサービスに関心がありましたら、ぜひ詳細をご覧ください。

目次