Divi Builderが読み込まれない？簡単なトラブルシューティング

Diviは にとって定番のウェブサイト構築ツールであり WordPress 、それには理由があります。直感的なドラッグ＆ドロップインターフェースと豊富なカスタマイズ可能な要素ライブラリにより、初心者デザイナーでも魅力 的なカスタムWordPressデザインを 素早く作成できます。 

しかし、どんな強力なツールにも言えることですが、不具合が発生することもあります。プロジェクトの途中で、創造力が溢れ出ている時に、突然Divi Builderが読み込まれなくなったと想像してみてください。パニックに陥るかもしれません。プラグインの競合でしょうか？キャッシュの問題でしょうか？それとも、もっと複雑な WordPress開発の 問題が潜んでいるのでしょうか？この記事では、考えられる原因を詳しく掘り下げ、Divi Builderを再び正常に動作させるためのトラブルシューティングガイドを提供します。

Divi Builder トラブルシューティングの前に再確認する

Divi Builderがうまく動作しない場合は、まずシステムが必要な要件を満たしているかどうかを確認してください。円滑に動作するマシンを最適に動作させるには、適切なコンポーネントが必要です。以下に、確認すべき重要なシステム要件を記載します。

まず、WordPressの最新バージョンを使用していることを確認してください。Diviは、他の優れたプラグインと同様に、最新のWordPressアップデートとシームレスに連携するように設計されています。古いバージョンを使用すると、互換性の問題や予期しない動作が発生する可能性があります。

次に 、WebサーバーのPHPバージョンを確認してください。Diviは正しく動作するためにPHP 5.6以上が必要です。古いPHPバージョンでは、ビルダーが読み込まれなかったり、誤動作したりする可能性があります。

その他の必須要件は次のとおりです。

• WordPressのメモリ制限は最低256MB（理想的には512MB以上）
• ウェブブラウザでJavaScriptが有効になっています
• 最新のウェブブラウザ（Chrome、Firefox、Safari、またはEdge）

サーバーが次の前提条件を満たしていることを確認することも重要です。

• MySQL バージョン 5.6 以上
• Apache または NGINX ウェブサーバー
• cURL、ZipArchive、mbstring PHP 拡張機能を使用する機能。. 

続きを読む： ビジネスに最適なワンページWordPressウェブサイトビルダー

Divi Builderが読み込まれない場合の重要なトラブルシューティング手順

トラブルシューティングには常に試行錯誤が伴います。以下の手順を実行する際に、 Diviコミュニティ や WordPressリソース に関するクリエイティブサポートをご利用ください WordPressカスタムデザイン。 

問題を解決するにはブラウザのキャッシュとCookieをクリアしてください 

場合によっては、問題はウェブサイトではなく、ブラウザのキャッシュデータにあることがあります。キャッシュされたファイルは古くなり、競合を引き起こし、Divi Builderが正しく読み込まれなくなる可能性があります。.

ブラウザは、ウェブサイトの特定の要素やページ全体をキャッシュファイルに保存することで、次回以降のアクセス時の読み込み速度を向上させます。しかし、このキャッシュ機能が正しく動作しない場合、 テーマとプラグイン コードの実行エラーにより

• ブラウザの キャッシュ とCookieを削除してください。これにより、ブラウザは古いキャッシュデータに邪魔されることなく、サイトの最新バージョンを読み込むようになります。
• 変更を確実に有効にするには、キャッシュをクリアした後、ブラウザを閉じて再度開いてください。.
• 主要ブラウザのキャッシュクリア方法については、こちらのウェブサイトをご覧ください: [ブラウザキャッシュクリアガイド URL]

この簡単な手順で、古いブラウザ キャッシュに起因する Divi Builder の問題が頻繁に解決されることに驚かれることでしょう。.

比較を読む: WPBakery と Elementor: どちらのページ ビルダーがより強力ですか?

プラグイン間の競合を調査して解決する

Divi Builderが読み込まれない場合、よくある原因はプラグインの競合です。異なるプラグインが互いの機能やコーディングに干渉し、互換性の問題を引き起こす可能性があります。.

• Divi 以外のすべてのプラグインを無効にして、ビルダーが適切に読み込まれるかどうかを確認します。.
• 競合している場合は、プラグインを個別に再アクティブ化して、競合しているプラ​​グインを特定します。.
• 特定したら、競合するプラグインを更新するか、問題が発生しない代替プラグインに置き換えます。.
• 最後の手段として、問題のあるプラグインを完全に削除する必要があるかもしれません。.

などのツールを使用して Health Check & Troubleshooting 、一般的なプラグイン設定エラーを検出することもできます。Plugin Organizer プラグインを使用すると、特定のURLまたはページに対してプラグインを有効/無効にすることも可能です。

サイト上のJavaScriptエラーを特定して修正する

JavaScriptエラーにより 、Divi Builderが正常に動作しなくなる場合があります。これらのエラーは、テーマ、プラグイン、あるいはサイトに追加されたカスタムコードなどが原因で発生する可能性があります。

• ブラウザの開発者ツール (通常は右クリックして「要素の検査」を選択してアクセスします) を使用して、コンソールに JavaScript エラーがないか確認します。.
• サイトのコードに問題があることを示す、「:」Uncaught で始まるエラーを探します。.
• エラーの原因となる問題のあるスクリプト、プラグイン、またはカスタマイズを無効にするか削除します。.
• プラグイン/スクリプトを無効にしてもエラーが解決しない場合は、Divi コミュニティ フォーラムでサポートを受けるか、開発者に依頼してさらに調査してもらってください。.

こちらもご覧ください： WordPressで「エディターで予期しないエラーが発生しました」という問題を解決する

PHPのメモリ制限を増やしてサイトのパフォーマンスを向上させる 

Diviビルダーをスムーズに動作させるには、一定量のサーバーメモリ（RAM）が必要です。PHP の メモリ制限が低すぎると、ビルダーがクラッシュしたり、読み込みに失敗する可能性があります。

• 理想的には、メモリ制限は少なくとも 256 MB である必要がありますが、最高のパフォーマンスを得るには 512 MB 以上が推奨されます。.
• 制限を増やすには、WordPressのwp-config.phpファイルで「memory_limit」設定を見つけて変更します（例：「memory_limit = 512M」）。
• コア ファイルの編集方法がわからない場合は、ホスティング プロバイダーに問い合わせてこの手順についてサポートを受けてください。.

メモリ制限を高くすると、Divi Visual Builder の実行など、メモリを大量に消費する操作に多くのリソースを使用できるようになります。.

こちらもチェック： サイトを壊さずにWordPressをPHP 7バージョンから安全にアップデートする方法

トラブルシューティングのためにセーフモードを有効にする 

干渉なしセーフモードは、プラグインなどのサードパーティコードなしでビルダーをロードし、トラブルシューティング中に潜在的な競合を防ぐ便利な Divi 機能です。.

• WordPressの管理ダッシュボードで、 Divi > テーマオプション > サポートセンター 、 セーフモード。
• セーフ モードが有効な場合、ビルダーが正常に読み込まれると、問題はプラグインまたはカスタム コードの競合によって発生している可能性があります。.
• 無効になっているプラ​​グイン/コードのリストが表示されます。問題が解決するまで、これらを 1 つずつ無効にするか削除してください。.
• セーフ モードは現在のユーザー セッションにのみ適用されるため、訪問者の通常のサイト操作を妨げることはありません。.

続きを読む： WordPressの致命的なエラーを修正する方法

まとめ

上記の手順でほとんどの Divi Builder の読み込み問題は解決されるはずですが、Divi エクスペリエンスを最適化するためにはまだ行うべきことがいくつかあります。. 

まず始めに

• 最高のパフォーマンスを維持するために、サイトのデータベースとコンテンツのリビジョンを定期的にクリアします。. 
• WP Rocket などのキャッシュ プラグインを活用して読み込み時間を改善します。. 
• 更新や新しいプラグインを本番環境にプッシュする前に、ステージング サイトを使用してテストすることを検討してください。.

さらに、活発なDiviコミュニティフォーラムに参加して、経験豊富なユーザーからのアドバイスを求め、ベストプラクティスの最新情報を入手しましょう。複雑なカスタムデザインや開発ニーズ、あるいは単に手間をかけずに済む体験をお求めの場合は、 フルサービスのWordPressエージェンシー のような Seahawk お客様独自の要件に合わせてカスタマイズされた、シームレスで高性能なDiviウェブサイトを確実に構築できます。