WordPress エレメントエディタウィジェットパネルの読み込みの問題

WordPressでエレメントページビルダーでページや投稿を編集しようとしたとき Elementor ウィジェットパネルが読み込まれず、「読み込み中」アイコンが表示されることがあります。この問題は通常、サーバーリソースが不足しているか、他のプラグインとの競合が原因で発生する可能性があります。

WordPress エレメントエディタウィジェットパネルの読み込みの問題

エレメンページビルダーを実行すると、上の図に示すように、エレメントウィジェットパネルが読み込まれず、読み込みアイコンがまだ表示されるという問題が最近経験されました。

このエラーが発生した場合は、次の点を確認してください。

システム要件の確認

まず、Webサーバーがシステム要件を満たしていることを確認します。

WordPress 管理者ページの エレメント » システム情報 (System Info)に進み、システムが要件を満たしていることを確認できます。

ここで重要な項目はPHPバージョンとPHP Memory Limitです。他の項目もチェックしてください。

PHPメモリ制限を増やす

WooCommerce（WooCommerce）などのリソースを大量に消費する重いプラグインを使用している場合は、Memory Limitを512Mに増やしてください。メモリ不足がロード問題の主な原因と呼ばれています。

メモリ制限のサイズを増やす方法は、Webホスティング会社によって少しずつ異なる場合があります。 Bluehostの場合、cPanelでPHP設定を上方調整できます。

BluehostでPHPのバージョンとPHPの設定値を変更する（新しいcPanelインターフェース）

通常、wp-config.phpファイルに次の行を追加することで、PHPのメモリ制限サイズを増やすことができます。

define('WP_MEMORY_LIMIT', '512M');

一部のWebホスティング会社では、この値を調整することを許可していない場合があります。

プラグインを無効に

プラグインとの競合により、この問題が発生する可能性があります。 Elementor와 Elementor Proを除くすべてのプラグインを無効にして問題が解決するかどうかを確認してください。

問題が表示されない場合は、プラグインをXNUMXつずつ有効にして問題を引き起こすプラグインを見つけることができます。

プラグインのクラッシュの問題ではない場合は、テーマをTwenty Seventeenなどの基本 WordPress テーマに一時的に変更して問題が解決するかどうかを確認してください。テーマを変更した後に問題が表示されない場合は、テーマがエレメントと衝突する可能性があります。この場合、テーマを変更するか、テーマ開発者に連絡して連絡することができます。

ホスティング会社にお問い合わせ

上記の措置を講じても問題の原因が見つからない場合は、ホスティング会社に連絡してください。 ModSecurityはエラーログを確認してもらい、問題を解決できるかどうかお問い合わせください。また、PHP Zlibエクステンションがサーバーで有効になっていることも確認してください。

max_input_vars 値の変更

場合によっては、max_input_vars の値を上げる必要があります。この値を上げることを許可するホスティングもあり、許可しないホスティング会社もあります。ホスティング会社に連絡して助けを求めてください。

最後に、

以上、エレメンタページビルダーのウィジェットパネルがロードされない問題が発生した際に確認する事項について見てきました。

私の場合は、Wp-Organic VisaHubというプラグイン（移民コンサルティング関連 WordPress テーマである VisaHubテーマに含まれているプラグイン）がクラッシュし、エレメントの読み込みに問題が発生しました。クラウドウェイズでエラーが発生してPHPのバージョンを変えながらテストしてみると、PHP 7.4では正常に動作し、PHP 8.0とPHP 8.1でエラーが発生しました。おそらく、このプラグインは更新されておらず、最新のPHPバージョンでエラーを引き起こすと推定されています。

PHP 7.4以下はセキュリティサポートの有効期限が切れているため、可能な限りPHP 8.0以降を使用することをお勧めします。 PHPのバージョンが高いと、サイトの速度も向上する可能性があります。