Divi 製品のハイライト: Divi タイムライン レイアウト パック

Divi Timeline Layouts Pack は、Divi Builder で動作する 100 の事前作成されたタイムライン レイアウトのコレクションです。 タイムライン レイアウトは、さまざまな方法で使用できます。 タイムラインを使用して、会社や組織がどのように始まったかの歴史などの一連のイベントを共有したり、プロセスのさまざまなステップを表示したり、情報を簡単に整理したりできます。 Divi Timeline Layouts Pack に付属するレイアウトは簡単にカスタマイズでき、必要な情報を視覚的に伝えるのに役立ちます.

この製品のハイライトでは、Divi Timeline Layouts Pack で得られるレイアウトのいくつかを見て、それが適切な製品であるかどうかを判断するのに役立ちます.

始めましょう！

Divi タイムライン レイアウト パックのインストール

Divi Timeline Layouts Pack は、Divi Library .json ファイルを含む ZIP ファイルとして提供されます。 タイムライン レイアウトをインストールするには、まずファイルを解凍します。 次に、WordPress ダッシュボードを開き、Divi Library ページに移動します。

上部にある [インポートとエクスポート] をクリックし、インポート タブを選択します。 個々のレイアウト ファイルを選択するか、100 個すべてのレイアウトを含む All_DCT_Timeline_Layout_Template ファイルを選択してから、[Divi Builder レイアウトのインポート] を選択します。

レイアウトがインポートされたら、Divi Builder でページを開きます。 青いプラス アイコンをクリックして新しいセクションを追加し、[ライブラリから追加] を選択します。

レイアウトを見つけて、[このセクションを使用] ボタンをクリックしてレイアウトを読み込みます。

Divi タイムライン レイアウト パック

Divi Timeline Layouts Pack には、それぞれ異なるスタイル、レイアウト、デザインを持つ 100 の異なるタイムライン レイアウトが付属しています。 非常に多くのレイアウトから選択できるため、次の Web デザイン プロジェクトに最適なオプションがきっと見つかります。 レイアウトは Divi で構築されているため、ビジュアル ビルダー内で色、フォント、アイコン、その他のデザイン要素を簡単にカスタマイズできます。 これ以上苦労することなく、Divi Timeline Layouts Pack で取得できるレイアウトのいくつかを見てみましょう.

レイアウト 1

タイムライン レイアウト 1 は、オレンジと黒のサイネージ スタイルのデザインが特徴です。 各タイムラインの宣伝文句には、情報を最もよく表すために変更できるアイコンもあります。 カーソルを合わせると、アイコンの背景がオレンジ色に変わり、太い黒い境界線がタイムラインの宣伝文句の周りに表示されます。

レイアウト 3

レイアウト 3 は青色の配色で、中央の線にロゴがあり、線の両側にタイムラインの宣伝文句があります。 カーソルを合わせると、宣伝文句とアイコンの周りに影が表示されます。

レイアウト 6

レイアウト 6 は、アイコンを配置した独特のカーブした中央線が特徴です。 タイムラインの宣伝文句は線で結ばれています。 このレイアウトには、ホバー効果はありません。

レイアウト 8

タイムライン レイアウト 8 は、黒とオレンジの配色です。 カーソルを合わせると、タイムラインの宣伝文句の周りにオレンジ色の影が表示されます。 アイコンの背景がオレンジ色になり、アイコンの上下の線が垂直になります。

レイアウト 10

レイアウト 10 には、各宣伝文句に円が付いた中央の線があります。 宣伝文句は丸みを帯びたデザインで、中央に向かって大きなアイコンがあります。 このレイアウトには、ホバー効果はありません。

レイアウト 14

このレイアウトは独特の円筒形の中央線を持っています。 各宣伝文句のタイトルは、中央の線を指すオレンジ色の線上に配置されます。 このレイアウトにはホバー効果がありません。

レイアウト 18

レイアウト 18 には、各タイムラインの宣伝文句を指す矢印がそこから出ている中央の線があります。 各宣伝文句にはバナー スタイルのデザインがあり、アイコンにはフェードイン アニメーションがあります。

レイアウト 20

これに続くレイアウト 20 は、緑と黒の中央線のデザインで、中央にアイコンがあります。 アイコンにはフェードイン アニメーションがあります。

レイアウト 22

レイアウト 22 には、各宣伝文句に青い点が付いた中央の点線があります。 タイムラインの宣伝文句は、アイコンの背景が青色のユニークな形状の丸みを帯びたデザインが特徴です。

レイアウト 29

レイアウト 29 には、各タイムラインの宣伝文句を示す星のアイコンが付いた点線の中心線があります。 タイムラインの宣伝文句は中央に向かってポイントになり、上部にアイコンが表示されます.

レイアウト 33

このレイアウトには、各タイムラインの宣伝文句の周りに黄色の曲線の境界線があります。 アイコンは、黄色の丸みを帯びた背景形状の宣伝文内にあります。

レイアウト 37

レイアウト 37 には、各宣伝文句を示すアイコンが付いた中心線があります。 宣伝文句には、バナー スタイルの背景と、各アイコンをそれぞれの宣伝文句に接続する点線があります。

レイアウト 40

これはレイアウト 40 です。灰色のタイムラインの宣伝文句と、アイコンを強調する角度の付いた緑色のセクションが特徴です。

レイアウト 48

このレイアウトには、ツートーン ブルーのデザインのアイコンがあります。 アイコンは、灰色の背景を持つメインのタイムラインの宣伝文句に接続します。

レイアウト 53

レイアウト 53 のタイムラインの宣伝文句は、中央を指す矢印のような形をしています。 背景は微妙な青のグラデーションで、アイコンは矢印の先端の円の中に含まれています。

レイアウト 59

レイアウト 59 は、アイコンの代わりに画像を使用したカラフルなレイアウトです。 画像は中央にあり、ツートンカラーの縁取りがあります。 各宣伝文句のヘッダーはグラデーションの背景に配置され、テキストは丸みを帯びた宣伝文句セクション内に含まれています。

レイアウト 62

これはレイアウト 62 です。4 つの宣伝文句を特徴とする他の多くのタイムライン レイアウトとは異なり、7 つの異なる宣伝文句を備えています。 タイムラインも縦ではなく横です。 アイコンはひし形の境界内に含まれ、点線で宣伝文句に接続されています。

レイアウト 66

このレイアウトには、アイコンを含む宣伝文句に重なるオレンジ色のバナーが付いた 4 つの宣伝文句があります。

レイアウト 68

次に、レイアウト 68 は、グラデーション効果を持つ 2 つの境界線内に含まれる宣伝文句コンテンツを特徴としています。 アイコンが中央に配置されます。

レイアウト 72

これはレイアウト 72 です。角が丸いイメージと、年または別の短い見出しをリストできるオレンジ色の背景のセクションが特徴のユニークなレイアウトです。

レイアウト 76

レイアウト 76 は別のカラフルなレイアウトです。 ひし形のアイコン背景にわずかなグラデーションがかかったのが特徴です。 タイムラインの宣伝文句も、色付きの境界線で囲まれています。

レイアウト 79

レイアウト 79 は暗い背景で、カラフルな背景に点線の中心線があります。 宣伝文句の見出しもカラフルで、各宣伝文句の外側の端にアイコンが配置されています。

レイアウト 81

レイアウト 81 は視覚的に単純化されたレイアウトで、中央にアイコンが配置され、斜めの赤い背景にわずかな影が付いています。 見出しのテキストも赤です。

レイアウト 85

レイアウト 85 は、中央にアイコンが配置された緑色の配色で、2 本の緑色の丸い境界線で囲まれています。 各宣伝文句の外側の端にも緑色の境界線があります。

レイアウト 88

同様に、レイアウト 88 も緑色の配色になっています。 タイムラインの宣伝文句を囲み、背景にフェードインするグラデーションの境界線があります。 アイコンとタイトルは宣伝文の中央に配置されます。

レイアウト 90

次に、レイアウト 90 は、角度の付いた緑の背景に宣伝文句を配置し、その後ろに灰色の背景を配置します。

レイアウト 94

このレイアウトは、白にフェードアウトする赤のグラデーション背景を持つ宣伝文句を特徴としています。 アイコンは宣伝文句内の白い背景にあります。

レイアウト 96

レイアウト 96 には、赤い背景の中央にアイコンがあり、内側に影があります。 宣伝文句のタイトルも丸みを帯びた赤い背景になっています。

レイアウト 98

これはレイアウト 98 です。青緑色の背景のページの中央にアイコンがあります。 アイコンが横向きになり、背景が矢印の形になり、次の宣伝文句を指しています。

レイアウト 100

最後に、レイアウト 100 は、内側の端に角度の付いたブロック デザインを備えています。 アイコンはオレンジ色の円の中に配置されており、宣伝文には下隅と内側の角に影の効果があります。

Divi タイムライン レイアウト パックを購入する

Divi タイムライン レイアウト パックは、Divi マーケットプレイスで入手できます。 無制限のウェブサイトの使用と生涯の更新には15.99ドルかかります. 価格には、30日間の返金保証も含まれています.

最終的な考え

ご覧のとおり、Divi Timeline Layouts Pack には、さまざまなユース ケースやスタイルに適合する多種多様なレイアウトが付属しています。 レイアウト パックは簡単にインストールして使用でき、独自のコンテンツでレイアウトを非常に簡単にカスタマイズできます。 ページ上の情報を整理する優れた方法を探している場合、またはタイムラインを作成したい場合、このレイアウト パックには多くの機能があり、最適な選択です。

ご連絡をお待ちしております。 Divi Timeline Layouts Pack を試しましたか? コメントであなたの考えを教えてください！