Divi 5の5つのカルーセルデザイン（無料ダウンロード）

グループCarouselモジュールは、きれいに見えるカルーセルをこれまで以上に簡単に作成し、さまざまな画面サイズに美しく適応し、Divi 5で簡単にカスタマイズできます。このフリーパックでは、サイト全体で一貫したブランドのためにグローバルなスタイルを継承するために構築された5つのユニークなカルーセルセクションデザインを見つけることができます。これらのカルーセルは、あなたがどのページにも落ちる準備ができています！

プレビュー

このパックの5つのカルーセルセクションすべてを見てみましょう。このパックは、投稿をさらにダウンロードするための無料です。

YouTubeチャンネルを購読してください

Divi 5の5つのカルーセルセクションをダウンロードします

5つのカルーセルセクションをすべて無料で入手してください。各セクションは、サイトのグローバルな色、フォント、およびボタンをピックアップするデフォルトバージョンです。 Diviライブラリにインポートし、任意のページに追加します。

ファイルをダウンロードします

無料でダウンロードしてください

Divi Newsletterに参加してください。究極のDiviランディングページレイアウトパックのコピーに加えて、他の驚くべき無料のDiviリソース、ヒント、トリックを大量にメールで送信します。フォローすると、すぐにDiviマスターになります。既にサブスクライブされている場合は、以下のメールアドレスを入力し、[ダウンロード]をクリックしてレイアウトパックにアクセスしてください。

ダウンロード

サブスクライブに成功しました。メールアドレスを確認してサブスクリプションを確認し、無料の毎週のDiviレイアウトパックにアクセスしてください！

含まれているもの（6つの輸出）

フォルダをダウンロードして解凍すると、6つのレイアウトエクスポートはすべて、個々のセクションおよび完全な「すべてのセクション」パックとしてきちんと整理されています。

デフォルト - 個々のセクション（5）→グローバルスタイルを使用します。
デフォルト - すべてのセクション（1）→グローバルスタイルを使用したフルパック。

カルーセルデザインの使用方法

ダウンロードフォルダーを近くに保ち、Divi Webサイトにインポートします。

1. DIVIライブラリにセクションをインポートします

Divi→Diviライブラリに移動します。

そこに着いたら、[インポートとエクスポート]ボタンをクリックしてファイルをインストールします。

Carouselセクション（すべて）ファイルを探し、クリックしてインポートします。

2.ページにカルーセルセクションを追加します

Visual Builderでページを開きます（または新しいものを作成します）。

青い「+」をクリックして新しいセクションを追加し、ライブラリから追加を選択します。

挿入するカルーセルセクションをクリックします。

[このセクション]ボタンをクリックして、セクションを読み込みます。

完了したら、必ずページを保存してください。

スタイリングの仕組み（デフォルトのみ）

これらのセクションは、色、タイポグラフィ、ボタン、間隔のサイトのグローバルスタイルを継承します。すでにグローバルなスタイルを設定している場合、カルーセルはすぐにブランドと一致します。必要に応じて、セクション、行、列、またはモジュールレベルで何かをオーバーライドできます。

カルーセルのカスタマイズ

Divi 5のグループCarouselモジュールは、レイアウトを微調整しながら、すべてを応答し続ける強力なツールを提供します。これらのセクションをカスタマイズしてサイトのスタイルに合わせてカスタマイズする方法は次のとおりです。

1.スライドコンテンツを交換します

ビジュアルビルダーでは、スライドをホバリングして、画像、テキストモジュール、ボタン、宣伝、またはアイコンリストなどのモジュールを開きます。画像を交換し、コピーし、行動を求めます。 Divi AIを使用して、簡潔な見出しやキャプションを書くことができます。

スライドに複数のモジュールが含まれている場合は、スタイルを一貫性に保つために、それぞれを繰り返します。

2.カルーセル設定を調整します

グループカルーセル設定を開きます。 [デザイン]タブで、デバイスごとのビューごとのアイテム、スライドギャップ、自動再生、速度、ループ、ナビゲーション（矢印）またはページネーション（ドット）を設定します。

レスポンシブトグルを使用して、ブレークポイントを微調整します。

最小限のUIを好む場合は、矢印またはドットを無効にし、スワイプとドラッグの相互作用に依存します。

3.スライドに要素を追加します

スライドの内容を開き、ボタン、宣伝文句、アイコンリスト、ビデオ、またはロッティアニメーションなどのモジュールを追加します。片側の画像とテキストのスライド内の2列の行を使用し、製品カードと証言に垂直に要素を垂直にスタックします。

すぐに重視するには、小さなテキストモジュールを見出しの上にラベルとして追加するか、プライマリスタイルで説明の下にボタンモジュールをドロップします。

4.スライドを並べ替え、複製、または削除します

グループカルーセル構造では、スライドをドラッグしてそれらを並べ替え、スライドを複製してスタイリングを一貫性に保ち、不要なスライドを削除します。クリーンなページネーションのために、視野あたりのアイテムとのバランスをとる合計カウントを維持します。

5。フレックスボックスでスライドレイアウトを制御します

スライド内で、コンテナを列レイアウトに設定し、Cline SpacingにGapを使用します。 justifyコンテンツを使用してコンテンツを中心にし、左、中央、または右アラインメントのアイテムを調整します。スライド全体に等しい高さのカード用のアイテムを伸ばします。

見出しがモバイルでラップする場合、モジュールのレスポンシブコントロールのフォントサイズを縮小するか、テキストコンテナに最大幅を設定します。

6.設計変数、プリセットを使用し、属性を拡張します

色と間隔をデザイン変数に結びつけるため、すべてのスライド全体でカスケードを更新します。一般的に使用されるモジュールスタイルを、見出し、ボタン、またはバッジのプリセットとして保存します。

拡張属性を使用して、1つのアクションで1つのモジュールから残りのスライドにスタイルの変更を適用します。

迅速なグローバルな調整のために、セクション全体で色またはフォントサイズを見つけて交換します。

7.オプション：ループビルダーを使用して動的コンテンツに切り替えます

静的スライドコンテンツを、投稿、プロジェクト、またはカスタム投稿タイプを照会するループ要素に置き換えることにより、カルーセルをダイナミックスライダーに変えます。クエリを選択し、カードを一度デザインし、新しいアイテムをカルーセルに自動的に満たします。

これは、ブログのハイライト、製品カルーセル、ポートフォリオアイテム、または証言に最適です。

Divi 5を使用して、今日カルーセルを構築してください

これらの5つのグループカルーセルセクションは、Divi 5ビルドをスピードアップする簡単な方法です。それらをダウンロードして、任意のページにドロップし、自分のものにします。グループCarouselモジュールはモーションを処理しているため、設計に集中できます。