Divi 4について嫌いなものと、Divi5でそれらを修正する方法

Diviは主要なWordPressのテーマとページビルダーになり、汎用性の高い設計オプションと直感的な視覚ビルダーを備えた100万近くのWebサイトを搭載しています。その人気の上昇は、その使いやすさと、広範なコーディングなしで見事なプロフェッショナルなウェブサイトを作成する能力に起因しています。ただし、Divi 4は完璧ではないことがわかっています。

フォーラム、ソーシャルメディア、私たちの調査からのユーザーフィードバックを通じて、あなたの不満が大声で明確に聞こえました。パフォーマンスの問題、時代遅れのコードベース、不格好なインターフェイス、および限られた設計の柔軟性は、DIVI 5の過去のものです。これらの洞察はDivi 5の進化を形作り、Diviの核心の完全な書き直しは、これらの問題点に正面を導く方法です。

この投稿では、Divi 4の最も一般的な批判について説明し、Divi 5がより速く、よりスケーラブルで最新のソリューションをどのように提供するかを説明します。

Divi 5は新しいWebサイトで使用する準備ができていますが、既存のサイトをDivi 5に変換することはまだお勧めしません。

Divi 5：私たちがどこにいて、何が新しいのか

Divi 5は公共のアルファフェーズにあります。これは、ユーザーが新しいWebサイトのビルドで新機能をテストするように誘う主要なマイルストーンです。フルリリースが利用可能になるまで、このフェーズでは、Revamped Visual Builder、改善された速度、Divi 5の設計柔軟性の向上を探索できます。 2025年第4四半期から2026年第1四半期の完全なリリースに向けて取り組んでいますが、新しい機能を追加して、キンクを解決します。

Divi 5の重要な新機能

• 最新のコードベース： Divi 5は、より高速で応答性の高いビジュアルビルダーを提供し、必要なモジュールのみをロードすることでDivi 4のコードブロートを排除します。
• ショートコードはもうありません： Divi 5のショートコードに別れを告げます。HTML-5ベースのシステムに基づいて構築され、Divi 5はバグをスラッシュし、互換性を高め、最新のWordPress標準と一致させます。
• 拡張されたビジュアルビルダー： Visual BuilderのUIは、明るいモード、ドッキング可能なパネル、タブ付きウィンドウ、キーボードショートカット、より直感的なレイヤービューで、楽なナビゲーションを使用して完全に変換されています。
• ネストされた行とモジュールグループ：無限のネストとモジュールグループのためのネストされた行を備えた複雑で応答性の高いレイアウトを作成し、汎用性のある再利用可能な容器として作成します。
• Divi AI： Divi AIは、Divi 5のパブリックアルファフェーズに完全に統合されており、テキスト、コード、画像、セクション、および完全なレイアウトを生成する機能をもたらしています。
• カスタマイズ可能なレスポンシブブレークポイント： DIVI 5は、レスポンシブデザインを正確に制御し、すべてのデバイスにレイアウトが輝くように、7つの調整可能なブレークポイント（Divi 4の3つ以上）を導入します。
• プリセットベースのデザイン： DIVI 5は、プリセットベースの設計アプローチを導入し、ユーザーがサイトのルックアンドフィールをより制御する要素プリセットとオプショングループプリセットを作成できるようにします。
• 設計変数： Divi 5の新しい変数マネージャーを介して、フォント、色、タイポグラフィ、リンクなどを設定するためのデザイン変数を使用してグローバルデフォルトを作成します。
• 属性管理： Divi 5の新しい属性管理システムを使用すると、ユーザーはスタイルとコンテンツ設定をコピー、貼り付け、リセットして、DIVI Webサイト全体で設計の一貫性を促進できます。
• 高度なユニット： DIVI 5は、VW、VH、REM、およびEMなどのユニットをDIVI 4に拡張して、間隔やタイポグラフィのCalc（）やClamp（）などの高度なユニット、Min、Max、UnsetなどのCSSユニットを含めます。

Divi 5のパブリックアルファは、よりスマートで、より速く、より柔軟なDiviを体験するチャンスです。

Diviに関する一般的な苦情

ユーザーの洞察と調査に基づいて、Divi 4に対する最も一般的なユーザーの不満と、Divi 5がそれらに直接対処する方法を特定しました。以下では、これらの問題点とDivi 5がそれらにどのように対処するかを概説します。

1。パフォーマンスと速度の問題

Divi 4のVisual Builderは、望むよりも遅く、Divi 4の基礎となるアーキテクチャのために複雑なページが長く読み込まれ、スケーリングが困難になりました。ユーザーから見られる一般的な不満は、編集プロセス中にビジュアルビルダーが遅れ、不必要なアニメーションに悩まされ、ブレークポイントを交換するときに時間がかかることです。

その結果、DIVI 4を使用してページを設計するには、ユーザーがイライラするのに時間がかかる場合があります。

Divi 5が問題にどのように対処するか

Divi 5は、除外してモジュール式になるためにゼロから構築されており、使用するモジュールと機能のみをロードします。これにより、不必要な処理が排除され、視覚ビルダーがより速く、より敏感になります。 Gutenbergと同じHTML-5ベースのストレージ形式を採用することにより、Divi 5はショートコード処理を完全に削除します（後方互換性モードを除く - 以下を参照）。

また、モジュール設定の処理方法も刷新するため、フロントエンドはカスタマイズされたスタイルとマークアップのみを出力し、物事を効率的に保ちます。その背後にある10年以上の経験により、Divi 5の新しい財団は、テスターが公共のアルファフェーズでの速度と流動性を称賛するスムーズで将来の準備ができたパフォーマンスを提供します。

divi 5後方互換モードで

Legacy Divi 4ショートコードベースのモジュールのページの場合、Divi 5は、合理化されたDivi 5システムとともにDivi 4フレームワークをロードすることにより、正しくレンダリングされます。これは互換性を優先しますが、パフォーマンスにわずかに影響を与える可能性があります。物事を効率的に保つために、Divi 4フレームワークはレガシーモジュールのページにのみロードされるため、サイトの残りの部分はDivi 5の速度の改善から完全に恩恵を受けます。

2。古いショートコードベースのシステム

Divi 4のショートコードへの依存は、最新のWordPressとの互換性の問題を作成し、複雑なテーマスイッチのようなフラストレーションにつながります。 Divi 4では、別のテーマに切り替えることは困難であり、多くの場合、ユーザーはDiviから離れて移動するときにサイトをゼロから再構築する必要があります。

Divi 4が非アクティブ化されると、コンテンツはテーマによって生成されたショートコードに包まれており、切り替えのテーマを困難で面倒にします。これは、テーマスイッチが必要な場合にクリーンな遷移のために、潜在的なDIVIユーザーがブリックやグーテンベルクなどのより近代的なアプリケーションを見つけることに貢献しています。

Divi 5が問題にどのように対処するか

DIVI 5はショートコードを排除し、WordPressのブロックエディターと並べるクリーンなHTML-5ベースのストレージ形式を採用します。このシフトにより、バグが減少し、移行が簡素化され、将来のスケーラビリティが確保されます。エレガントテーマの不一致コミュニティフィードバックは、アルファテスト中にショートコード関連のエラーなしで、よりスムーズなテーマの遷移を報告しています。

3。不気味なインターフェイス

Divi 4のVisual Builderは、しばしば面倒なユーザーエクスペリエンスで批判されています。これは、過度のクリックを必要とし、設計プロセスを遅くする必要があります。重要なナビゲーションツールであるレイヤービューは乱雑でドッキングできないため、複雑なレイアウトを効率的に管理することが困難です。ユーザー、特に初心者は、時間と忍耐を必要とする学習曲線を備えたインターフェイスを直感的ではないことを見つけます。

不格好なインターフェイスにより、設計時間が長くなり、フラストレーションが増加します。初心者は、設定の位置を特定したり、ワークフローを理解したりするのに苦労していますが、より多くのベテランユーザーがネストされたメニューとレイヤーのポップアップを視聴する時間を無駄にします。これにより、生産性が低下し、より合理化された体験を求めてユーザーを疎外できます。

Divi 5が問題にどのように対処するか

Divi 5は、摩擦を最小限に抑え、生産性を向上させるように設計された、洗練されたユーザー中心のUIで視覚ビルダーを変換します。たとえば、ドック可能なパネルなどのツールを使用すると、ユーザーは頻繁に使用される設定をピン留めし、タブ付きWindowsを使用すると、モジュールオプションを簡単に移動できます。さらに、改良されたレイヤービューはコンパクトでドッキング可能になり、ネストされた構造で迷子にならずにレイアウトを簡単に移動できるパン粉機能があります。

これらの変更は、モダンで効率的だと感じる流動的で応答性の高い編集体験を作成します。

4.限られた高度なレイアウト機能

Divi 4のレイアウトシステムは、デザイナーにとって重要な問題です。それは最新のフレックスボックスのサポートを欠いており、創造的な自由を制限する厳格な列構造に依存しています。ダイナミックポートフォリオ、複雑な価格設定テーブル、マルチカラムデザインなどの複雑なレイアウトの構築には、多くの場合、他のビルダーと比較して時代遅れに感じられる特殊セクション、カスタムCSS、またはその他の回避策を使用する必要があります。この剛性は創造性を抑制し、ユーザーに制限を克服して近代的で視覚的に洗練されたデザインを達成することを余儀なくされます。

Divi 4の設計者に柔軟なレイアウトツールが不足しているため、カスタムソリューションに余分な時間を費やして望ましい結果を達成し、開発時間とフラストレーションを大幅に増加させます。これにより、DiviはElementorやBricksなどの競合他社に対して不利な立場に置かれ、より高度なレイアウト機能を提供します。コーディングなしで応答性の高い複雑なレイアウトを作成することを目指しているユーザーの場合、Divi 4はしばしば制限的で時間がかかると感じます。

Divi 5が問題にどのように対処するか

Divi 5は、ユーザーがコードの行に触れることなく複雑で最新のレイアウトを作成できる新しい機能を使用して、設計の柔軟性を再定義します（それがあなたのものでない限り）。ネストされた列の導入により、無限のネストが可能になり、デザイナーがギャラリー、チームメンバーのショーケースなどの多層列構造を構築できます。

モジュールグループは、汎用性の高いコンテナとして機能し、まとまりのある視覚的に動的なセクションを作成するための高度なスタイリングオプションを提供します。

7つのカスタマイズ可能なブレークポイントは、レスポンシブデザインをきめぶき制御し、携帯電話からワイドスクリーンデスクトップまで、デバイス間の完璧なレイアウトを確保します。

FlexBoxのサポートはまだ導入されていませんが、そのための基礎を築いているので、すぐにリリースされることを期待してください。 FlexBoxのサポートを追加すると、レイアウトの精度と柔軟性がさらに強化され、モジュールグループと協力してデザインを清潔で再利用可能に保ちます。

高度なユニットのような他の機能には、calc（）やclamp（）などのCSS関数が含まれますが、設計変数は最小限の労力でサイド全体のスタイリングの一貫性を有効にします。

属性管理は、ユーザーに要素全体にスタイルをコピー、貼り付け、またはリセットすることにより、ワークフローを合理化し、設計時間を大幅に削減します。

これらのツールは、Divi 5を、すべて直感的な環境内で競合他社に匹敵し、それを超える洗練されたレスポンシブなデザインを作成するための大国にします。

5。限られたブログモジュールとギャラリーモジュールのカスタマイズ

Divi 4のブログとギャラリーモジュールには、最新のダイナミックなデザインの柔軟性がありません。ユーザーは、サードパーティのプラグインまたはカスタムコードに依存して、石積みグリッド、カスタムポストフィード、スタイル化されたギャラリーディスプレイなどのレイアウトを作成します。この制限により、ユーザーは、追加のツールなしで、ユニークで視覚的に魅力的なコンテンツプレゼンテーションを達成することを妨げます。

ユーザーは余分なコストに直面し、回避策にかなりの時間を費やし、DIVI内でネイティブのシームレスなソリューションを求めている人をイライラさせます。サードパーティのプラグインへのこの依存は、ワークフローを複雑にし、特により堅牢なコンテンツのカスタマイズオプションを提供する競合他社と比較して、Diviのオールインワンの魅力を損ないます。

Divi 5が問題にどのように対処するか

Divi 5は、今後のクエリループビルダーを使用して、ブログとギャラリーモジュールのこの制限に対処します。これにより、ユーザーはDIVIで動的コンテンツの作成方法とスタイルが変更されます。ループビルダーを使用すると、ユーザーは、Visual Builder内のDiviのモジュールのスイート全体を使用して、ブログ、ギャラリー、プロジェクトなど、あらゆるポストタイプ用に完全にカスタマイズ可能なループを構築できます。

カスタムループを使用すると、デザイナーは、プラグインやコーディングなしで、石積みグリッドやダイナミックポストフィードなど、コンテンツを繰り返すテンプレートを作成できます。たとえば、ユーザーは、画像モジュール、テキストモジュール、ボタンの組み合わせでイベントレイアウトを作成し、クエリオプションを介して表示される投稿を制御するイベントのループに適用できます。また、モジュールグループとネストされた行を組み込んで、完璧なスタイルの（および再利用可能な）レイアウトを作成して、コンテンツをスタイルで紹介することもできます。

6。競合他社の背後に遅れをとるという認識

エレガントなテーマでは、ユーザーのニーズとWordPressエコシステムとともに進化するWebデザインエクスペリエンスを提供することに取り組んでいます。 Diviがページビルダーの速い世界に追いつくことができるかどうか疑問に思う人もいます。答えは圧倒的なイエスであり、これまで以上に速くやっています。

Divi 5が問題にどのように対処するか

2年間の集中的なリファクタリングの後、私たちはDiviをゼロから再構築しました。これは、今後数年間競争を上回るようにする現代の建築物で再構築しました。このオーバーホールにより、1〜2週間ごとに新機能を展開することができ、ユーザーに速度、柔軟性、革新を提供します。私たちの加速開発サイクルは、今日の基準を満たすページビルダーを取得するだけではありません。常に一歩先を行くものを手に入れています。

Divi 5のスピードの高いビジュアルビルダーとフロントエンドのレンダリングは、WordPressのブロックエディターとの完全な互換性と組み合わされ、シームレスで将来のデザインエクスペリエンスを確保します。デザイン変数などの機能を使用すると、1回のクリックでサイト全体のスタイリングの変更を行うことができます。

一方、プリセットベースのデザインは、モジュール全体の要素プリセットを介して、ボーダースタイルなどの再利用可能な設定のオプショングループプリセットを使用するかどうかにかかわらず、一貫したモジュールスタイリングを有効にすることにより、ワークフローを合理化します。

最新のコードベースと機能リリースの迅速なペースにより、Divi 5は追いつくだけではありません。ページビルダーが何であるかの標準を設定しています。

Divi 5の未来

Divi 5パブリックアルファは、その変革的な進歩に満足しているテスターの間で熱意を引き起こしました。アーリーアダプターは、より速いビジュアルビルダーを賞賛し、それを前身からの抜本的な更新として説明しています。ネストされた行やモジュールグループなどの機能により複雑なレイアウトが可能になりますが、Divi AIのコンテンツとレイアウトを生成する能力は、時間を節約する可能性を提供します。ただし、一部のユーザーは、Divi 5を採用する前に、フルフレックスボックスのサポート、クエリループビルダー、および今後の機能を待っていることを認識しています。

私たちはコミュニティと深く関わります。まず、フィードバックに積極的に対応します。ユーザー駆動型機能を組み込んでいます。この共同アプローチにより、Divi 5はユーザーのニーズを満たすために進化します。

確認されたリリース日がないため、いくつかが先送りされ、わかります。ただし、時間がかかるDiviの最高のバージョンを提供したいと考えています。現在、新しい機能を積極的にリリースし、バグを修正し、ユーザーの入力をスキャンしてさらに改善しています。

したがって、Divi 5 Public Alphaをダウンロードし、新しいプロジェクトでその強力な機能をテストし、販売/サポートチャット、ソーシャルメディアプラットフォームでフィードバックを共有すること、またはDivi 5関連のブログ投稿にコメントすることでフィードバックを共有することをお勧めします。入力は最終リリースの形成に重要であり、Divi 5が期待を満たし、それを超えることを保証するのに役立ちます。そのため、WordPressの未来を築いてください。

Diviの進化を受け入れます

Divi 5は、近代化されたユーザー中心のアプローチを使用して、Divi 4に関する重要なユーザーの苦情に直接対処し、大幅に前進します。より高速なビジュアルビルダーを介してパフォーマンスの問題に取り組み、フロントエンドのレンダリングを改善します。さらに、最新のフレームワークを利用することでショートコードを排除し、直感的なナビゲーションを備えた合理化されたUIを提供します。デザイナーは、Divi 5の新機能とFlexBoxサポートの基礎の基礎のおかげで、非常に改善されたレイアウトの柔軟性も発見されます。 Divi 5の進歩により、複雑でレスポンシブなレイアウトを簡単に作成することができます。

現在、Divi 5を採用することについてフェンスにいるかどうかを理解しています。しかし、それは完全に機能し、新しいプロジェクトの準備ができています。サードパーティの統合を必要としない新しいプロジェクトを開始している場合は、Divi 5を探索し、インタラクティブなコミュニティに参加することをお勧めします。フィードバックは、DIVI 5の継続的な開発に不可欠であり、最終リリースを直接形成します。