ディビ製品ハイライト: スライダー メガ パック

Slider Mega Pack は、次の Web デザイン プロジェクト用の 50 のスライダー レイアウトを含む Divi レイアウト パックです。 スライダーはすべてDiviモジュールで構築されており、独自のコンテンツとスタイルで簡単にカスタマイズできます. この製品ハイライトでは、Slider Mega Pack が提供するレイアウトを見て、それが適切な製品であるかどうかを判断するのに役立ちます.

始めましょう！

スライダー メガパックのインストール

Slider Mega Pack は、Divi Builder .json ファイルを含む ZIP ファイルとして提供されます。 スライダー レイアウトをインストールするには、まずファイルを解凍します。 次に、Divi Builder で目的のページを開きます。

ページの下部にある移植性オプションをクリックし、インポート タブを選択します。 目的のスライダー レイアウトの .json ファイルを選択し、レイアウトのインポートを開始します。 レイアウトがインポートされたら、テキストと画像を置き換えるだけで、ページに美しいスライダーが表示されます!

Slider Mega Pack 全幅 Slider レイアウト

Slider Mega Pack には、32 個の全幅スライダー レイアウトが付属しています。 全幅のスライダー レイアウトは、テキストと一緒に大きな画像を表示するのに理想的で、訪問者の注意を引くのに最適な方法です。 また、情報を共有したり、サービスの機能を紹介したりするのにも最適な方法です。 これらのスライダーはすべて異なるレイアウトとデザインを持っているので、あなたにぴったりのスライダーがきっと見つかります! 32 の全幅スライダー レイアウトのそれぞれを見てみましょう。

スライダー メガ パック レイアウト 1、2

最初のスライダー レイアウトはテキスト スライダーであり、写真の左側に暗いオーバーレイを備えた写真の背景が特徴です。 テキストとボタンはスライドごとに変わります。

2 番目のスライダー レイアウトは、暗いオーバーレイとテキストが右側にあることを除いて、最初のレイアウトと同じです。

スライダー メガパック レイアウト 3

3 番目のスライダー レイアウトでは、画像にビネット効果があり、中央のテキストとボタンが変化します。 下部にナビゲーション ドットがあり、両側に前と次のボタンがあります。

スライダー メガパック レイアウト 4

このスライダーは、画像のぼかした背景に複数の画像を表示し、両側にナビゲーション矢印、下部にナビゲーション ドットがあります。

スライダー メガパック レイアウト 5

スライダー レイアウト 5 には、同じ画像のぼやけた背景に複数の画像も含まれています。 左下にナビゲーション矢印があり、右側にナビゲーション ドットがあります。

スライダー メガパック レイアウト 6

6 番目のスライダー レイアウトは、視差写真の背景の上にぼやけた透明な正方形のテキストを変更する機能を備えています。 両側にナビゲーション矢印、下部にナビゲーション ドット。

スライダー メガパック レイアウト 7

レイアウト 7 はレイアウト 6 に似ていますが、パララックスの背景とテキスト スライドがあります。 ナビゲーション矢印は左下隅にあり、ナビゲーション ドットは右側にあります。

スライダー メガ パック レイアウト 8、9、10

スライド レイアウト 8、9、および 10 では、ズームイン効果のある複数の画像にテキストが表示されます。 これらのレイアウトでは、ナビゲーション矢印が両側にあり、ナビゲーション ドットがスライダーの下部にあります。 レイアウト 8 のテキストは中央揃えです。

レイアウト 9 のテキストは左揃えです。

また、レイアウト 10 のテキストは右揃えです。

スライダー メガ パック レイアウト 11、12、13

レイアウト 11、12、および 13 は、各スライドにテキスト付きの大きな画像とボタンがあり、両側にナビゲーション矢印があり、下部にナビゲーション ドットがあります。 レイアウト 11 は中央揃えです。

スライダー 12 は左揃えです。

また、スライダー 13 は右揃えです。

スライダー メガ パック レイアウト 14、15、16

これらのレイアウト 14、15、および 16 にはすべて、写真にグレースケール効果があり、スクロールすると視差効果があります。 ヘッダー テキストの上に太字の下線があります。 レイアウト 14 では、テキストは中央揃えになります。

スライダー 15 は右揃えです。

そしてスライダ１６は左揃えである。

スライダー メガ パック レイアウト 17、18

レイアウト 17 と 18 は、暗いオーバーレイ ボックスにスライド テキストを含む大きな画像を備えています。 レイアウト 17 の場合、テキストは左側にあり、ナビゲーションは右側にあります。

レイアウト 18 では、ナビゲーションが左側にあり、テキストが右側にあります。

スライダー メガ パック レイアウト 19、20、21

スライダー 19、20、および 21 はすべてグレースケールの写真オーバーレイを備えており、ズームイン効果があります。 ナビゲーション ボタンはありません。 スライダー 19 は左揃えです。

スライダー 20 は右揃えです。

また、スライダー 21 のテキストは中央に配置されます。

スライダー メガ パック レイアウト 22、23、24

これらのレイアウトは、写真にズームアウト効果があることを除いて、上記の 3 つと同じです。 レイアウト 22 には、左揃えのテキストがあります。

レイアウト 23 には、右揃えのテキストがあります。

また、レイアウト 24 のテキストは中央に配置されています。

スライダー メガパック レイアウト 25、26

スライダー レイアウト 25 および 26 には、ズームインする大きな画像と、暗いオーバーレイ ボックス上のテキストがあります。 レイアウト 25 では、テキストが左側に配置され、ナビゲーション アイコンが右側に配置されています。

スライダー レイアウト 26 では、テキストが右側に配置され、ナビゲーション アイコンが左側に配置されています。

スライダー メガパック レイアウト 27、28

次の 2 つのレイアウトは上の 2 つと同じですが、代わりに画像が縮小されています。 スライダー レイアウト 27 では、テキストが右に配置され、ナビゲーション アイコンが右に配置されています。

レイアウト 28 には、左側にナビゲーション アイコン、右側にテキストがあります。

スライダー メガ パック レイアウト 29、30

これらの 2 つのスライダーは、ズームインする大きな画像と異なるスタイルのナビゲーション アイコンを特徴としています。 レイアウト 29 は、左側にテキスト、右側にナビゲーション アイコンを備えています。

レイアウト 30 は、右側にテキスト、左側にナビゲーション アイコンを備えています。

スライダー メガパック レイアウト 31、32

これらの次のレイアウトは、レイアウト 29 および 30 と同じですが、画像が縮小されています。 レイアウト 31 には、左側にテキスト、右側にナビゲーションがあります。

レイアウト 32 は、右側にテキスト、左側にナビゲーションがあります。

スライダー メガ パック 全幅 ポスト スライダー レイアウト

Slider Mega Pack には、18 個のポスト スライダーも付属しています。 これらのスライダーは、ブログの投稿を紹介し、投稿情報と投稿を読むためのボタンを表示します。 投稿の注目の画像をスライドの背景画像として使用します。 表示する投稿のカテゴリを選択するか、単に最新の投稿を表示することができます。 上記の通常のスライダーと同様に、すべての投稿スライダーは完全にカスタマイズ可能で、さまざまなレイアウト、配置、スタイルがあります.

スライダー メガパック レイアウト 33、34

これらのスライダーは、グレースケール イメージ効果と視差効果を使用します。 レイアウト 33 では、左側にテキスト、右側にナビゲーションがあります。

レイアウト 34 では、左側にナビゲーション、右側にテキストが表示されます。

スライダー メガ パック レイアウト 35、36、37

レイアウト 35、36、および 37 は、両側にナビゲーション矢印があり、その下にナビゲーション ドットがある大きな注目の画像が特徴です。 画像にはズームイン効果があります。 テキストはレイアウト 35 の中央に配置されます。

このレイアウトでは、テキストは左揃えになります。

このレイアウトでは、テキストは右揃えになっています。

スライダー メガ パック レイアウト 38、39、40

これらのスライダー レイアウトは上記の 3 つのレイアウトと同じですが、代わりに画像が縮小されます。 レイアウト 38 は中央揃えです。

レイアウト 39 は左揃えです。

また、レイアウト 40 は右揃えです。

スライダー メガパック レイアウト 41、42

これらのレイアウトは、片側にテキスト、反対側にナビゲーション矢印を持つ視差画像を特徴としています。 レイアウト 41 の場合、テキストは左側にあります。

レイアウト 42 の場合、テキストは右側にあります。

スライダー メガパック レイアウト 43、44

レイアウト 43 と 44 は上のレイアウトと似ていますが、画像が拡大されています。レイアウト 43 では、テキストは左揃えになっています。

テキストはレイアウト 44 で右揃えになります。

スライダー メガパック レイアウト 45、46

45 と 46 も上記のレイアウトと同様のデザインですが、代わりに画像が縮小されています。 45 のテキストは左揃えです。

また、レイアウト 46 には右揃えのテキストがあります。

スライダー メガパック レイアウト 47、48

レイアウト 47 と 48 には、投稿のタイトルとナビゲーション矢印用の暗いオーバーレイ スクエアがあります。 画像が拡大されます。レイアウト 47 では、左側にテキスト、右側に矢印があります。

レイアウト 48 のテキストは右側にあります。

スライダー メガパック レイアウト 49、50

最後に、スライダー レイアウト 49 と 50 はレイアウト 47 と 48 に似ていますが、画像が縮小されています。 レイアウト 49 のテキストは左側にあります。

また、レイアウト 50 には右揃えのテキストがあります。

スライダー メガ パックを購入する

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

最終的な考え

Slider Mega Pack には、Divi Builder で簡単にカスタマイズできる美しいトランジション、エフェクト、ナビゲーション レイアウトを備えた 50 の事前構築済みスライダー レイアウトが付属しています。 標準のDiviオプションを超えてカスタマイズされた独自のスライダーレイアウトを探している場合、この製品はあなたにぴったりかもしれません. ご連絡をお待ちしております。 スライダー メガ パックを試しましたか? コメントであなたの考えを教えてください！