WordPress 6.7でエディタが真っ白になる問題を解決する方法

最新技術

WordPress 6.7にアップデートした後、投稿やページの編集画面が真っ白になってしまう現象にお困りではありませんか？特にChromeブラウザでこの問題が報告されています。この記事では、この問題の原因と一時的な解決策をご紹介します。

問題の概要

WordPress 6.7へのアップデート後、新規投稿や既存の投稿を編集しようとすると、ブロックエディタが真っ白になり、何も表示されなくなる不具合が発生しています。この問題は主にChromeブラウザで確認されています。同じテーマやプラグインを使用していても、問題が発生するサイトとしないサイトがあり、一貫性がありません。

他のブラウザでの動作確認

Chromeのシークレットウィンドウや他のブラウザ（例：Firefox、Edge）でエディタが正常に表示される場合、この問題はChromeとWordPress 6.7固有の問題である可能性が高いです。

一時的な回避策

このエラーは、圧縮（縮小）されたreact-dom.min.jsとedit-post.min.jsのJavaScriptで発生しています。代わりに未圧縮の開発バージョンのスクリプトをロードさせることで、一時的に回避できます。

スクリプトのデバッグモードを有効にする

  1. wp-config.phpの編集：WordPressのルートディレクトリにあるwp-config.phpファイルを開きます。
  2. 定数の追加：以下の行を追加します。
    define( 'SCRIPT_DEBUG', true );
  3. ファイルの保存：編集内容を保存し、ファイルをサーバーにアップロードします。

これにより、スクリプトのデバッグモードが有効になり、未圧縮版のreact-dom.jsやedit-post.jsが読み込まれ、エディタが表示されるようになります。

注意点

デバッグモードを有効にすると、バックエンド（ブロックエディタ）だけでなく、フロントエンドでもWordPressのコアのスクリプトとCSSがすべて未圧縮のファイルが利用されます。そのため、サイトのパフォーマンスに影響が出る可能性があります。この方法はあくまで一時的な回避策であり、完全な解決策としては、次回のWordPressのアップデートでの修正を待つ必要があります。

参考情報

この問題に関する詳細な情報や他のユーザーの報告は、以下のWordPress.orgのフォーラムで確認できます。

まとめ

WordPress 6.7へのアップデート後、Chromeブラウザでエディタが真っ白になる問題が報告されています。一時的な回避策として、wp-config.phpにdefine( 'SCRIPT_DEBUG', true );を追加し、スクリプトのデバッグモードを有効にする方法があります。しかし、この方法はサイトのパフォーマンスに影響を及ぼす可能性があるため、次回のWordPressアップデートでの修正を待つことが望ましいです。

参考URL：https://kiseki-tech.jp/2024/11/18/wordpress-6-7-editor-white-screen-fix/

関連記事