- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
固定ページの編集画面(ブロックエディター)を開くと、画面が真っ白になってしまい、文章や画像をまったく編集できない状態になっています。タイトルなどは正しく読み込まれているのに、編集する部分だけが何も表示されません。公開されているサイトの表示自体は問題なく、編集画面だけが真っ白になります。
きっかけははっきりしないのですが、最近ワードプレス本体が新しいバージョンに更新されたあたりから、この症状が出ているようです。
・LiteSpeed Cache(高速化のプラグイン)を一時的に止めてみましたが、変わりませんでした。
・Classic Editor(旧エディターのプラグイン)も一時的に止めてみましたが、変わりませんでした。
・LiteSpeed側で、設定の見直しやキャッシュの削除(クリア)も行いました。
・SWELLの設定の「高速化」にある「スクリプトを遅延読み込みさせる」も確認しましたが、対象として登録されているのはSNS(ツイッター・インスタグラム・フェイスブック・ピンタレスト)の4つだけで、編集画面に関係する項目は入っていませんでした。
くわしい人に画面の中身を調べてもらったところ、「編集画面を動かすための部品(プログラム)が、本来すぐに読み込まれるべきところ、あとから読み込む設定になってしまっていて、そのせいで読み込みが途中で止まり、真っ白になっているようだ」とのことでした。具体的には、画面の中で「lodash(ロウダッシュ)が見つからない」というエラーが出ていると言われました。
【サイトの状況】
・テーマ:SWELL(子テーマも使用しています)
・ワードプレス:バージョン7.0
・症状:すべての固定ページで、編集画面が真っ白になります(特定の1ページだけではありません)
・公開中のサイトの見た目:問題なく表示されています
お手数ですが、原因の特定と直し方について、教えていただけますと助かります。必要であれば、管理画面のスクリーンショットなどもお送りします。どうぞよろしくお願いいたします。
---
All-In-One Security (AIOS) (v.5.4.9)
All-in-One WP Migration and Backup (v.7.105)
All-in-One WP Migration FTP Extension (v.2.95)
All-in-One WP Migration Unlimited Extension (v.2.84)
Classic Editor (v.1.7.0)
Contact Form 7 (v.6.1.6)
Easy Table of Contents (v.2.0.85)
EWWW Image Optimizer (v.8.7.2)
LiteSpeed Cache (v.7.8.1)
Rank Math SEO (v.1.0.272)
TablePress (v.3.3.2)
WP Multibyte Patch (v.2.9.3)
テーマをSWELL以外に切り替える、プラグインを停止するといった切り分けをした場合にどうなりますか?変化がない場合は、エディターのコンソール上にあるエラーを共有されると良いかと思います。
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
かんたさんありがとうございます
**【症状】**
WordPress 7.0 / SWELL 利用中。すべての固定ページで、ブロックエディターの編集画面が真っ白になり編集できません。公開中のサイト表示は正常です。WordPress 本体を 7.0 に更新したあたりから発生しています。
**【切り分けで試したこと(いずれも改善せず)】**
LiteSpeed Cache の停止、Classic Editor の停止、SWELL高速化の「スクリプト遅延読み込み」設定の確認(対象はSNS4種のみで編集画面に無関係)。
**【コンソール/調査でわかったこと】**
編集画面を開くと、エディター本体(`wp.editPost`)が初期化されず、エディターのDOMが空のままになります。調べたところ、グローバル変数 **`window.lodash` が `undefined`** でした(`window._` の方には lodash が割り当てられており、`_.chunk` 等の lodash 固有関数は存在します)。つまり lodash ファイル自体は読み込まれているのに、`lodash` というグローバル名だけが定義されておらず、これに依存する `edit-post` 系スクリプトの初期化が失敗して画面が真っ白になっていると考えられます。読み込まれる全スクリプトは HTTP 200 で取得成功しており、404 ではありません。
**【質問】**
WordPress 7.0 + SWELL の組み合わせで `window.lodash` が定義されない事象について、原因と対処をご教示いただけますでしょうか。
---
## 補足と注意点
ひとつ気になる点として、調査中にページのスクリプト168個のうち160個が「遅延読み込み(defer)」になっていました。SWELLの設定では対象がSNS4種だけだったとのことなので、この大量のdefer化は**別の高速化プラグイン(LiteSpeed Cache など)によるJavaScript遅延/結合の設定**が関係している可能性があります。lodashの登録順がこれで崩れているのかもしれません。「LiteSpeed Cache等でJSの遅延・結合・最適化を行っています
高い可能性でこれはSWELL不具合ではないので、ここで議論を続けることがガイドラインに照らし合わせて正しいのかは微妙です。ただすでに色々と情報が掲載されているので、ここで止めるのも勿体ない気もします(笑)
SWELL高速化顧問として、まず編集画面にテーマの高速化機能が関与することはありません。よってこの時点でSWELLの高速化の可能性というのは除外できます。
調査中にページのスクリプト168個のうち160個が「遅延読み込み(defer)」になっていました
これもSWELLにはないので、SWELL以外の何かの原因でしょう。
LiteSpeed Cache等でJSの遅延・結合・最適化を行っています
と最新コメントに記載されてますので、大半の原因はここだと思います。
高速化ではJSの結合はほとんど行われません。これはまだHTTP/1が主流だった頃の対策で、HTTP/2が主流の今は期待以上の効果を見込めないです。また結合するとJSは大半が壊れます。なのでそのリスクを背負ってまで結合することは推奨されません。
なおエックスサーバーでLS Cacheを利用されているそうですが、これは推奨できません。このキャッシュはLitespeedサーバーに最適化されてますので、プラグインが持つ全部の機能を発揮できないです。
まずはご自身で問題解決できないレベルのプラグイン利用を速やかに停止し、SWELLの高速化機能だけを使ってサイトパフォーマンスを改善するようにしてください。もしカスタマイズ等によりSWELLの高速化では不足する場合は、外部の高速化プラグイン等を利用してください。
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
調査・作業代行のご依頼窓口
https://zfrmz.com/SxGmv0gIH3YCa3VPxBGf
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/
