新しいグループCarouselモジュール、Lottieモジュールなど！

本日、Divi 5の新しいループビルダーを使用して、郵便拠点のカルーセルを含むあらゆる種類のカルーセルまたはスライダーを作成できる、非常にリクエストされたグループカルーセルモジュールを含む、Divi 5の3つの新しいモジュールをリリースしました。

また、簡単なJSONベースのアニメーション用のLottieモジュールと、簡単なリスト作成のためのアイコンリストモジュールも追加しました。

Divi 5の新しいアーキテクチャにより、モジュールの作成がシンプルになるため、Divi 5の公式リリース後に驚くほどの量の新しいモジュールをリリースします。これは、来月のベータ段階への進歩に焦点を合わせながら、あなたを抱きしめる前菜です。

次のビデオをチェックして、新しい機能を参照してください。

グループカルーセルモジュール

最も重要な追加は、グループカルーセルモジュールです。

他のカルーセルとは異なり、グループ内の各スライドは空白のキャンバスです。各スライドに任意のモジュールを追加して、カルーセルまたはスライダーを作成できます。スライドの数、スライドのコンテンツ、およびその他のアニメーション設定を制御します。グループはDiviの幅広い設計設定を使用してスタイルを整えることができるため、ユニークなスタイルと移行効果を作成できます。

投稿、用語、ユーザーベースのカルーセルを作成します

Divi 5のループビルダーを使用すると、カルーセル内のグループをループして、ポスト、用語、またはユーザーベースのカルーセルを作成できます。これにより、各スライドに自動的に記入するために、Webサイトから動的なコンテンツが取得されます。

グループでループを有効にし、クエリをカスタマイズし、動的コンテンツをカルーセル要素に接続します。この例では、ACFを使用して作成されたカスタムポストタイプとフィールドを使用して、証言カルーセルを作成しました。

カルーセルの例

グループカルーセルモジュールの美しさは、カルーセルの各スライドがDiviのグループコンテナに包まれた空白のキャンバスであることです。ネストされた行と一緒に、内部の任意のモジュールを追加し、FlexBoxを使用して高度なスライドレイアウトを作成できます。

空は限界です！

また、変換、フィルター、ボックスシャドウなど、DIVIのすべてのデザイン設定を活用して、遷移効果を作成することもできます。

例＃1：カスタムフルスクリーンスライダー

グループCarouselは、ページごとに任意の数のスライドを表示できます。単一のスライドに制限すると、スライダーがあります。 Diviの既存のスライダーモジュールから解放されて、新しいものを作成できます。

例＃2：マルチスライドチームカルーセル

ページごとに表示するスライドの数と、矢印をクリックするたびにスクロールするスライド数を選択できます。この例では、ソーシャルフォローモジュールを使用したソーシャルリンクを含む、Aboutページのチームスライダーを作成しました。

例＃3：用語ベースのループカルーセル

Divi 5のループビルダーを使用して、タームベースのカルーセルを構築できます。この例では、CarouselはWooCommerce製品カテゴリをループしています。カテゴリ名と機能イメージは、各スライドがループ内のスライドで動的に生成されます。

例＃4：創造的な移行を伴うフードメニュー

この例では、トップセラーの料理のリストをスライドさせるメニューを作成しました。非アクティブなスライドのスケールと不透明度を調整すると、各アイテムをスライドさせると楽しい遷移効果が生まれます。

ロッティモジュール

新しいLottieモジュールにより、WebサイトにLottieアニメーションを簡単に追加し、アニメーションとインタラクションを制御できます。

Lottieアニメーションは、JSONおよびSVGベースであるため、優れています。オンラインで多くの場所があり、素晴らしいアニメーションを見つけてページに簡単に追加できます。

Lottieモジュールを使用すると、アニメーション速度、トリガー、方向、ループなどをカスタマイズできます。

€注： WordPress Media Libraryでは、JSONファイルのアップロードを許可していません。 WordPress Media Libraryを介してLottieアニメーションをアップロードする場合は、ファイルアップロードタイプなどのプラグインを使用してJSONアップロードを有効にすることができます。

アイコンリストモジュール

アイコンリストモジュールは、Diviの最も基本的なモジュールの小さなボイドを埋める簡単な追加です。リストを作成し、各アイテムに一意のアイコンを簡単に割り当てます。

以前は、リストを作成する唯一の方法はテキストモジュール内で手動で行われていたため、これはシンプルだが歓迎すべき追加になりました。

今日Divi 5を試してみてください

これらの新しいモジュールは、今日DIVI 5で利用可能であり、今年DIVIに登場する多くの機能の1つです。

Divi 5以降の最終リリースを進むにつれて、2週間ごとに更新を進めることができます。優先順位に応じて、Divi 5を使用して新しいWebサイトを構築したり、機能を追加するまで待機したりすることができます。

Divi 5のオリジナルの多相リリーススケジュールで概説されているように、Divi 5 Public Alphaは「Divi 5 Lite」のようなものです。いくつかの機能が欠落しており、既存のWebサイトには適していない場合がありますが、Divi 4のエクスペリエンスを好む場合は、新しいWebサイトで使用する準備ができています。

私たちはあなたにそれを試してほしい、そしてあなたがそれを愛しているなら、それを使ってください。誰もがそれを愛しているとき、私たちはそれを公式にします。

ループビルダーを試しましたか？

あなたがそれを見逃した場合に備えて、私たちは最近、Divi 5のまったく新しいループビルダーをリリースしました。

Diviのループビルダーは、その自由においてユニークです。静的ループモジュールやコンテナに制限されることなく、何もループできません。ループ要素を作成し、さまざまな便利なオプションとメタクエリを使用してクエリをカスタマイズします。 WooCommerce、ACFで作成されたカスタムフィールド、さらにはACFリピーターフィールドなど、カスタムポストタイプをサポートしています。

信じられないほどの機能です！

すべての詳細については、このビデオをご覧ください。

Divi 5の更新が進行中です

2025はDivi 5の年です。退屈な仕事は私たちの後ろにあります。私たちはSuper-Fast Foundationを構築しましたが、Diviがカムバックする時が来ました。

Diviのカムバックのためにここにいる場合は、このビデオが好きでコメントを残して、私たちに大きな恩恵を与えてください。あなたがDiviを応援しているのを見るのは私たちにとって多くのことを意味し、アルゴリズムを供給して言葉を広めることが不可欠です。

YouTubeでフォローし、Diviニュースレターを購読することを忘れないでください。そうすれば、更新を見逃すことはありません。もう1つのDivi 5機能の発表でお会いしましょう。