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

Divi Plusは、Divi Builderに40を超えるモジュールと多くの新機能を追加する、Diviのサードパーティプラグインです。 このDiviプラグインのハイライトでは、Divi Plusを見て、Diviツールボックスに適したプラグインであるかどうかを判断するのに役立つことを確認します。

ディビプラス設定

プラグインのインストールは簡単です。 アップロードしてアクティブ化するだけです。 インストールしたら、いくつかの機能をアクティブにする必要があります。 WordPressダッシュボードで、 [設定] > [ DiviPlus ]に移動します。 [全般]タブでは、DiviBuilderで使用できるようにするモジュールを選択できます。 これらはすべてデフォルトで選択されているため、このタブはそのままにしておくことができます。

[拡張機能]タブにはいくつかのオプションがあります。 ここでは、セクション、行、列、およびモジュールに対して、Diviライブラリのショートコード、スケジューラ、可視性マネージャ、およびパーティクルバックグラウンドを有効にできます。 これらはすべてデフォルトで無効になっています。 [統合]タブでは、FacebookAPIとTwitterのユーザー名を追加できます。

Diviライブラリのショートコード

Divi Library Shortcodesは、ライブラリ内のすべてのレイアウトにショートコードを追加します。 このショートコードをコピーして、ショートコードを取得できるDiviWebサイトの任意の場所に貼り付けることができます。 モジュール、サイドバーなどにそのレイアウトが表示されます。

DPスケジューラ

スケジューラを使用すると、日付と時刻に基づいて、セクション、行、列、またはモジュールをいつ表示するかを決定できます。 コンテンツを表示または非表示にし、開始日と終了日を選択するために使用します。 [詳細設定]タブの[表示]設定に追加されます。

DPビジビリティマネージャー

Visibility Managerを使用すると、ユーザーのステータスに基づいて、セクション、行、列、またはモジュールを表示または非表示にできます。 すべてのユーザー、ログインしているユーザー、またはログアウトしているユーザーに表示します。 [詳細設定]タブの[表示]設定に追加されます。

DP粒子の背景

パーティクルの背景設定は、セクション設定の背景領域に追加されます。 VisualBuilderに背景が表示されません。 パーティクルの種類、数、密度、サイズ、色、リンクされた線のオプション、移動オプション、インタラクティブ機能などを選択できます。

セクションの背景で目立つように、パーティクルの数とサイズを増やしました。 行とモジュールをこの上に配置できます。

DPPlusカスタム投稿タイプ

2つの新しいカスタム投稿タイプがWordPressに追加されました。 [ビルダー]タブのテーマオプションで、これらの投稿タイプに対してDiviビルダーを有効にできます。 プラグインは4つのモジュールを追加するため、新しいカスタム投稿タイプをグリッドまたはスライダー内に表示できます。

DPの証言

これがDP証言の投稿例の私のリストです。

DPチームメンバー

これがDPチームメンバーの投稿例のリストです。

ディビプラスモジュール

Divi Plusは、DiviBuilderに40を超えるモジュールを追加します。 目立つモジュールのいくつかを見ていきます。

DPAjax検索

Ajax Searchは、ページをリロードしなくても、検索結果をポップアップで表示します。

これがAjaxSearchで、入力すると結果が自動的に表示されます。 検索ボックスに外側のボックスの影を付け、結果ウィンドウに内側のボックスの影を付けました。

DPブレッドクラム

ブレッドクラムは2つのレイアウトから選択でき、新しいタブでリンクを開くことができます。

DP営業時間

営業時間には、曜日ごとのサブモジュールが含まれます。 名前と時刻を入力でき、それらすべてをメインモジュールで、または個別にサブモジュールでスタイル設定できます。

DPボタン

DPボタンには、複数のタイプのボタンを作成するためのサブモジュールがあります。 テキストを表示するか、アイコンを追加します。 また、セカンダリテキストを追加します。 各要素は個別にスタイルを設定できます。 これらの例では、アイコンを追加して色を変更し、背景を追加して境界線を丸め、テキストシャドウを追加し、セカンダリテキストを追加して色を変更しました。 ボタンは、積み重ねるのではなくインラインで表示するように設定することもできます。

DPコンテンツの切り替え

コンテンツトグルを使用すると、2つのコンテンツを追加して、それらを切り替えることができます。 コンテンツは、テキストまたはDiviレイアウトにすることができます。 各要素を個別にスタイル設定できます。

これが2番目のコンテンツを表示するトグルです。 コンテンツは、モジュールを配置した列に収まります。

DPFAQページスキーマ

FAQPageスキーマモジュールには、FAQを作成するためのサブモジュールが含まれています。 これらはアコーディオンのように機能します。つまり、ユーザーが別のFAQを選択すると、開いているものが閉じます。 開閉アニメーションに面白いスライド効果があります。 FAQにはエディターが含まれているため、テキスト、メディア、コードなどを追加できます。

DPフォームスタイラー

フォームスタイラーを使用すると、Contact Form7またはCalderaFormsからフォームを選択し、Diviスタイリングオプションを使用してスタイルを設定できます。 フォームの個々の要素をスタイリングするためのオプションの数は印象的です。 この例では、配置を中央に設定し、ラベルのフォントの太さを調整し、フィールドとボタンの角を丸め、フィールドにボックスの影を追加しました。 また、背景画像とオーバーレイを使用してボタンのスタイルを設定し、フォントのサイズを大きくし、フォントの色を変更しました。

DPホットスポット

ホットスポットを使用すると、画像にマーカーを追加できます。 マーカーには、ホバーのツールチップを表示するホバーオプションがあります。 アイコン、テキスト、または画像にすることができます。 ツールチップは、Diviライブラリのテキストまたはレイアウトにすることができます。 アイコンを選択し、位置を調整し、色やサイズなどを変更します。

下部のアイコンをテキストに置き換え、ツールチップとしてDiviレイアウトを追加しました。 レイアウトには、テキストモジュールとボタンが含まれています。 これらのレイアウトでは、DiviPlusモジュールも使用できます。

DPスキーマの作成方法

How To Schemaモジュールには、ツール、消耗品、何かにかかる時間、およびそれを作成する方法の手順を追加するための設定が含まれています。 各ステップはサブモジュールとして追加されます。 ツールや消耗品、時間とコストなどの要素にはサブセクションがあり、必要な数だけ追加できます。 各要素は個別にスタイルを設定できます。

DPモーダル

DPモーダルは、トリガーで制御できるポップアップを作成します。 トリガーは、要素のクリック、ページの読み込み時、または終了インテントです。 ボタン、画像、アイコン、テキスト、CSS ID、またはCSSクラスにすることができます。 モジュール内にヘッダー、本文、およびフッターを作成します。

トリガーをクリックすると、背景がグレー表示され、モーダルが表示されます。 これが、デフォルトのスタイルを使用して作成したモーダルです。

それは多くのスタイリングオプションを提供します。 トリガー、ヘッダーテキスト、フッター、閉じるアイコン、閉じるボタンにスタイルを追加し、本文に画像を追加しました。 両方のボタンには、ホバースタイルも含まれています。

DP画像拡大鏡

画像拡大鏡を使用すると、レイアウト内に画像を配置できます。訪問者が画像にカーソルを合わせると、マウスで画像の拡大領域が表示されます。 これにより、画像の拡大部分を見ることができます。 レンズのサイズ、速度、境界線の幅、境界線の色を設定できます。

DPチームスライダー

チームスライダーは、上部に画像、下部にバーカウンターとして表示されるスキル、下部にソーシャルネットワークアイコンを表示してチームメンバーを表示します。 各要素は個別にスタイルを設定できます。 画像に境界線とボックスシャドウを追加しました。

DP証言グリッド

お客様の声グリッドは、2つのレイアウトのいずれかでお客様の声の投稿タイプを表示します。 1つ目は、下部に画像を表示します。 2つ目は、上部に画像を表示します。 表示する要素を制御できます。 列数を選択し、評価、画像、名前などを表示します。

DPタイムライン

タイムラインモジュールは、サブモジュールのコンテンツをタイムラインに配置します。 各モジュールにタイトルと本文のコンテンツを追加します。 アイテムを交互に配置したり、タイムラインの片側に配置したりできます。 レイアウトオプションには、アイコンツリーまたは日付ツリーが含まれます。

これは日付ツリーです。 画像を追加し、ツリーの右側にコンテンツを表示するようにレイアウトを設定しました。

DiviPlusを購入する

Divi Plusは、DiviMarketplaceで購入できます。 無制限のWebサイトの使用と、1年間のサポートと更新があります。 また、20のフルページレイアウトと200のスタイルセクションが含まれています。 通常価格は79ドルです。

終わりの考え

それがDiviPlusの見方です。 このプラグインは、Diviに多くの新しいモジュールと機能を追加します。 すべてのモジュールと設定が使いやすいことがわかりました。 この記事ではいくつかのモジュールだけを見てきましたが、すべてのモジュールと拡張機能がDiviデザインに価値のある機能と専門的な洗練を追加できることは簡単にわかります。 たくさんの新機能をDiviに追加したい場合は、DiviPlusから始めるのがよいでしょう。

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

Skyベクターを介した注目の画像/shutterstock.com