Diviプラグインのハイライト：Divi Essential

Divi Essentialは、DiviBuilderに60を超える新しいモジュールを追加するDiviのサードパーティプラグインです。 モジュールには、Divi Webサイトにプロフェッショナルな外観を与えるために、多くのアニメーションとデザイン機能が含まれています。 このプラグインのハイライトでは、Divi Essentialを見て、Diviのニーズに適したプラグインであるかどうかを判断するのに役立つモジュールの種類を確認します。

ディビエッセンシャルモジュール

通常どおりプラグインをアップロードしてアクティブ化します。 他の設定は必要ありません。 Divi Essentialは、60を超える新しいモジュールをDiviBuilderに追加します。 モジュールのリストでは、モジュールは青色で、ホバーすると片側に紫色のグラデーションが表示されます。 それらの名前は説明的であり、何ができるかを簡単に理解できます。 いくつかの名前は最初はそれほど簡単には理解できませんが、モジュールをページにロードすると、その目的が明らかになります。 目立つモジュールのいくつかを見ていきます。

次の3Dキューブスライダー

3D Cube Sliderは、立方体の側面にスライドを表示します。 次に、立方体が回転して次のスライドが表示されます。 各スライドはサブモジュールで作成されています。 一緒に、または個別にスタイルを設定できます。 実際の立方体とは異なり、必要な数の側面（またはスライド）を持つことができます。

次の宣伝文

次の宣伝文は標準の宣伝文モジュールに似ていますが、見出しの前後のテキスト、複数の背景、2Dおよび傾斜ホバー効果などのいくつかの新しい要素が追加されています。 この例では、複数の背景色を追加し、傾斜効果を有効にしました。 タイルには、グレアや逆傾斜も含まれます。

次へボタン

[次へ]ボタンは標準のボタンと同じように機能しますが、ホバー設定がたくさんあります。 色、境界線、およびアイコンにさまざまなサイズ、色、およびアニメーションを指定します。

次の円形画像

円形画像は円内に画像を表示し、多くのホバーオプションが含まれています。 画像にカーソルを合わせると、アニメーションが実行され、見出しとコンテンツを含むオーバーレイが表示されます。 コンテンツは標準のテキストエディタで作成されるため、メディアとコードを含めることができます。 選択できるホバー効果は19あり、ホバー方向を選択できます。 画像に色付きのエッジを追加することもできます。

次のCoverflowスライダー

Coverflow Sliderは、スライドを互いに重なり合う画像として表示する興味深いスライダーです。 現在のスライドが最も大きく、中央近くに配置されています。 他のものは、現在のスライドから離れるほど小さくなります。 スライダーが次のスライドに変わると、スライドがシフトするため、中央のスライドが最大になります。

次のDiviレビュー

Divi Reviewは、個人モジュールおよび製品レビューモジュールとして使用できます。 このモジュールは、サービスをレビューおよび評価するときにうまく機能します。 これには、画像、評価システム、および名前、位置、説明を含むテキストが含まれています。 デフォルトでは、境界線とボックスシャドウがあります。

次のディバイダー

次の仕切りアイコンまたは画像を使用して仕切りを作成し、個々の要素のスタイルを設定できます。 画像の配置を選択し、仕切りのサイズを変更し、色やギャップなどを調整します。これは、記事の作成者、チームメンバー、製品などを表示するのに適したオプションです。 この例では、画像を追加して幅を広げました。

次のデュアルボタン

デュアルボタンは面白いです。 個別にスタイリングできる2つのボタンがあります。 それらには多くのホバー効果が含まれています。 2つのボタンを一緒に追加し、それぞれに異なるホバー効果を与えました。

次の機能リスト

機能リストを使用すると、サブモジュールを使用してリストを作成できます。 アイコンまたは画像を表示し、アイコン、画像、およびテキストのサイズを調整し、すべての要素を個別にまたは一緒にカスタマイズします。 この例では、画像を追加し、画像とテキストのサイズを大きくし、1つのサブモジュールのテキストの色を変更し、別のサブモジュールと境界線と背景色を指定しました。

次の画像ホバーボックス

画像ホバーボックスは画像を表示し、ホバーした画像を背景オーバーレイ、タイトル、コンテンツに置き換えます。 必要なコンテンツに何でも追加して、各要素のスタイルを設定できます。 13のホバー効果と4つの方向から選択します。 アニメーションは面白いです。 画像は、回転、反転、回転、ズームなどが可能です。

次の画像アイコン効果

画像アイコン効果を使用すると、ホバー時に画像の下部に表示されるオーバーレイに追加される最大4つのアイコンを有効にできます。 オーバーレイには、見出しとテキストも表示されます。 上記の例のように、アイコンはリンクにすることができます。 これは、ソーシャルフォローボタンやその他のリンクを画像に追加するための興味深い方法です。

次の画像スクロール

画像スクロールは、画像よりも短いウィンドウに画像を配置します。 画像にカーソルを合わせると、ウィンドウ内をスクロールして画像の残りの部分が表示されます。 オーバーレイとボタンが含まれています。 オーバーレイはホバーすると消えます。 これは、Diviレイアウト、場所の地図、またはその他の種類の背の高い画像などの製品を表示するのに最適です。

次の組積造ギャラリー

組積造ギャラリーは、グリッドにギャラリーを表示します。 各画像は、グリッド内に収まるようにサイズ変更されます。 列の数、ガターの幅を設定したり、画像に境界線を追加したり、オーバーレイをカスタマイズしたり、任意の画像のスタイルを設定したりできます。 画像をクリックすると、ライトボックスで画像が開きます。

次のメガイメージ効果

Mega Image Effectは画像を表示し、ホバー時にオーバーレイとボタンに置​​き換えます。

ホバーの背景とボタンの背景の設定が含まれます。 画像にカーソルを合わせたときのオーバーレイは次のとおりです。 また、ホバー効果とテキスト選択効果もあります。 オーバーレイを青に、テキストを白に設定しました。

次のプロモボックス

プロモーションボックスは、最も興味深いモジュールの1つです。 これは製品のショーケースモジュールであり、画像、見出し、見出しの前後のテキスト、説明、ボタン、およびオファーバッジが含まれています。 オファーはパーセンテージオフを示し、販売を実行するのに最適です。 各要素は個別にスタイルを設定できます。

次のステップフロー

ステップフローは、宣伝文句モジュールの興味深い見方です。 画像またはアイコン、矢印、バッジ、およびコンテンツを含むステップが表示されます。 矢印は任意の方向を指すことができ、テキスト、矢印、バッジ、および円のスタイルを調整できます。 これは、ステップを番号順に表示し、各ステップが次のステップを指すようにする場合に最適です。

次のタイムライン

タイムラインは、カードをタイムライン上に交互のレイアウトで表示します。 カードはサブモジュールとして追加されます。 画像やアイコンを表示したり、必要な種類のコンテンツを追加したり、ボタンを有効または無効にしたり、すべての要素のスタイルを個別に設定したりできます。 最初のカードを、背景が濃い青、テキストが白、ボタンが水色でスタイリングしました。 2枚目のカードはデフォルト設定のままにしておきました。

DiviEssentialを購入する

Divi Essentialは、Diviマーケットプレイスで入手できます。 60を超えるモジュールが含まれ、モジュールを使用して500を超える専門的に設計されたレイアウトにアクセスできます。 ウェブサイトを無制限に使用する場合の通常の費用は79ドルで、1年間のサポートと更新が含まれます。

終わりの考え

これがDiviEssentialの見方です。 Divi用のこのサードパーティプラグインには多くのモジュールとオプションがあります。 私は彼らができることのほんの表面をかじっただけです。 モジュールとその設定の使用は、他のDiviモジュールと同じくらい直感的でした。

チームメンバーモジュールやテキストモジュールなど、それらのいくつかは、モジュール内の選択肢としてオプションと組み合わせることができるようです。 それは彼らが提供する膨大な量のオプションを損なうものではなく、あなたが望む正確な機能を備えたモジュールをロードできるので、おそらくそれらを使いやすくします。

このプラグインには多くのモジュールとオプションがあります。 Divi Webサイトに多くの新しいモジュールを追加することに興味がある場合は、DiviEssentialが最適です。

我々はあなたから聞きたい。 Divi Essentialを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

Inspiring /shutterstock.comによる注目の画像