Divi 5を使用したDivi Ajaxフィルターのテスト

公開: 2025-09-14

Divi 5は急速に動いており、その周りのDivi拡張エコシステムは追随しています。現在、より多くのサードパーティの開発者がプラグインのDivi 5互換バージョンをリリースするのを見ています。それは肯定的な兆候です。これは、開発者が次世代のDiviのフレームワークのために構築する準備ができていることを意味します。サイトの所有者は、パフォーマンスの向上、より速い建物、より高度な機能に備えることもできます。

最新のアップデートの1つは、WooCommerceとカスタムポストフィルタリング用の強力なアドオンを構築することで知られるDiviエンジンからのものです。プラグイン、Divi Ajaxフィルターには、ベータ版の初期Divi 5バージョンがあります。このプラグインを使用すると、ページをリロードせずに即座に更新するフィルター可能な投稿と製品リストを作成できます。

目次
  • 1 Divi ajaxフィルターとは何ですか?
  • 2 Divi Ajaxフィルターの主要な機能
  • 3 Divi 5でdivi ajaxフィルターを使用します
  • 4 Divi 5ベータステータスとテスト
  • 5なぜこれがDIVIユーザーにとって重要なのか
  • 6つの最終的な考え

Divi ajaxフィルターとは何ですか?

Divi AjaxフィルターはDivi Engineによって構築されており、多くの優れた製品の1つにすぎません。これは、サイトでライブフィルタリングエクスペリエンスを構築するための柔軟なソリューションです。 WooCommerceストア、ブログアーカイブ、カスタムポストタイプディレクトリに特に便利です。訪問者がフィルターを調整するたびにページをリロードするのを待たせる代わりに、プラグインはAJAXを介して即座にコンテンツを更新します。これにより、ページが速く滑らかになり、ユーザーエクスペリエンスが向上します。

プラグインは、カテゴリ、タグ、カスタム分類法、および高度なカスタムフィールド(ACF)によるフィルタリングをサポートしています。 WooCommerceサイトの場合、ユーザーは価格、カテゴリ、またはその他の属性で並べ替えることができます。ブログやカスタム投稿タイプの日付またはタイトルで並べ替えることができます。

Divi Ajaxフィルターは、Diviモジュールピッカーにいくつかのモジュールを追加して、これらすべてを達成します。

  • アーカイブループ- 投稿、製品、またはカスタムポストタイプのループを表示します。
  • フィルター投稿​​- チェックボックス、ドロップダウン、ラジオボタンなどのフィルタリングコントロールを追加します(アーカイブループで動作します)。
  • サムネイル- ループレイアウト内のポストまたは製品のサムネイルを表示します。
  • 投稿タイトル- カスタマイズ可能なスタイルの投稿タイトルを表示します。

また、リスト/グリッドスイッチャーを提供しているため、ユーザーはその場でのレイアウトビューを切り替えることができます。それに加えて、Divi Ajaxフィルターにはいくつかの事前に設計されたループテンプレートが含まれており、ゼロから開始せずにスタイリッシュなレイアウトをすばやく作成するのに役立ちます。

Divi ajaxフィルターを取得します

Divi ajaxフィルターの重要な機能

Divi ajaxフィルターを使用すると、訪問者はページをリロードせずにリアルタイムで結果を改善できます。製品、投稿、カスタムコンテンツ間で機能し、テーマビルダーレイアウト内にきちんと収まり、ビジュアルビルダーでカスタマイズできる準備が整ったテンプレートが含まれています。ここにハイライトがあります:

  • WooCommerceの互換性- ページをリロードせずに、製品を即座にフィルタリングおよびソートします。
  • 高度なカスタムフィールドサポート- カスタムポストタイプのフィルター基準としてACF値を使用します。
  • カテゴリとタグフィルター- WordPressの分類法に基づいて、ブログ投稿または製品をフィルターします。
  • ソートオプション- 価格、日付、タイトル、またはその他のカスタム基準でソートします。
  • 一時的なキャッシュ- 繰り返しクエリのキャッシュフィルター結果によりパフォーマンスが向上します。
  • テーマビルダーの統合- アーカイブページを構築するために、テーマビルダー内でうまく機能します。
  • 事前に構築されたテンプレート- すぐに使用できるループテンプレートからすぐに開始し、ビジュアルビルダーでそれらをカスタマイズします。

Divi 5でdivi ajaxフィルターを使用します

Divi 5を使用すると、Divi Ajaxフィルタープラグインは新しいアーキテクチャを最大限に活用しています。モジュールはVisual Builderでリアルタイムでレンダリングされ、新しいモジュールのあらゆる側面を表示および設計できます。

Divi 5でDivi Ajaxフィルターで構築できるものをいくつか紹介します。

  • ショップアーカイブページ- アーカイブループとフィルターポストモジュールを組み合わせて、カテゴリ、価格、タグフィルターを備えたフィルター可能な製品カタログを構築します。
  • カスタムポストタイプディレクトリ- 不動産リスト、ポートフォリオ、またはイベントディレクトリを作成します。 ACFフィルターを使用して、ユーザーが場所、日付、価格帯などのフィールドで洗練させます。
  • タグベースのブログアーカイブ- ブログコンテンツを表示しながら、ユーザーがタグ、著者、または公開された日付で投稿をフィルタリングします。

ブログリストに検索フィルターとページネーションを許可する例を示します。

そして、Ajaxカテゴリフィルターの仕組みを次に示します。 Divi 5とDivi Engineによる優れたビルド品質のおかげで、非常に印象的でかなり速いです!

DIVI 5ベータステータスとテスト

Divi Ajaxフィルターは現在Divi 5のベータ版にあります。現在の顧客の場合は、公式のDiviエンジンサポートポータルを使用してベータプログラムに参加することができます。

このベータリリースは、DiviエンジンのDivi 5のプラグインを書き換えるための幅広い取り組みの一部です。これは、このアップデートを受け取った最初の製品であり、テストが安定していることが証明されると、他の製品が続く可能性があります。一部のオプショングループはまだ欠落しており、もう少し作業を行う必要がありますが、Divi 5で機能するのは本当に驚くべきことです。

ベータテストを申請してください

これがDiviユーザーにとって重要な理由です

Divi AjaxフィルターのようなプラグインがDivi 5に移動するのを見るのは励みになります。つまり、Divi 5のパブリックベータ版が到着すると、すぐに強力でモダンなツールにアクセスできることを意味します。また、開発者がDiviの新しいフレームワークに積極的に適応しており、サイト構築ワークフローがスムーズで将来の維持のままであることを保証していることを示しています。

最終的な考え

Divi Ajaxフィルターは、投稿、製品、またはカスタムコンテンツのインタラクティブなフィルタリングエクスペリエンスを作成したいDiviユーザー向けの強力なプラグインです。 Divi 5バージョンは、パフォーマンスの向上、ビジュアルビルダーのライブプレビュー、および最新のデザインワークフローとの互換性を約束します。

既にDivi Ajaxフィルターを使用している場合、これは新しいバージョンのテストを開始し、Divi 5の機能に精通するのに最適な時期です。Divi5が高度なプラグインを実験する前により安定するのを待っている場合は、開始するのに最適な場所です。

Divi 5はパブリックベータに近い。 Divi Ajaxフィルターのようなツールは、次世代のDivi Webサイトがどのように見えるかを示しています。ユーザーが期待する最新のやり取りで構築されています。 Diviコミュニティの一員になるのはエキサイティングな時期です。

Divi 5をダウンロードしてくださいDivi Ajaxフィルターを取得します