Diviプラグインのハイライト：Divi Dream Tools

公開: 2019-06-09

Divi Dream Toolsは、Diviのサードパーティプラグインであり、Diviに多くの新しいカスタマイズとモジュールを追加します。 30近くのモジュール、5つのカスタム投稿タイプ、5つのウィジェットが含まれています。 また、プリローダー、メニューのCTA、ハンバーガーメニュー、トップに戻るボタン、ヘッダー、フッター、カスタムログイン画面など、多くのカスタムデザインオプションが含まれています。

Divi Dream Toolsは、発行元のWebサイトから購入できます。 このDiviプラグインのハイライトでは、Divi Dream Toolsを詳しく見て、何ができるかを確認します。

DiviDreamツールの設定

通常どおりプラグインをインストールしてアクティブ化します。 新しい設定画面がWordPressに追加されました。 設定画面（[Divi]> [Divi Dream Tools設定]のダッシュボードメニューにあります）には、複数のタブと各タブ内の設定が含まれています。 各タブを見てみましょう。

全般的

一般設定は、グローバル見出しスタイル、カスタム管理者ログインページをカバーし、メニューにCTAボタンを追加し、SVGアップロードを許可し、メンテナンスモードを有効にします。

プロジェクト設定を使用すると、プロジェクトを非表示にしたり、名前を変更したりできます。 404設定を使用すると、Diviライブラリから404ページのレイアウトを選択できます。 ソーシャルアイコン設定を使用すると、さらに9つのソーシャルアイコンを個別に有効にして、新しいタブで開くことができます。

プリローダー

[プリローダー]タブには、多くのプリローダーオプションが追加されています。 一般設定では、プリローダーを表示して、ホームページとモバイルのどちらにのみ表示するかを選択し、指定したデバイス幅でプリローダーを非表示にすることができます。

プリローダーイメージ設定では、プリローダーを選択できます。 それは彼らのアニメーションで彼らを示しているので、あなたは彼らがあなたのウェブサイトでどのように見えるかについての考えを持つことができます。 独自にアップロードしたり、幅と高さを指定したり、プリローダーと背景の色設定を変更したりすることもできます。 アニメーション設定では、アニメーションを選択し、速度、時間、不透明度を設定できます。

ハンバーガーメニュー

ハンバーガー設定では、ハンバーガーアイコンを選択できます。 それらはアニメーション化されているので、Webサイトでどのように表示されるかがわかります。 メニューアイコンとアクティブアイコンの色をカスタマイズすることもできます。

トップに戻る

いくつかのオプションから[トップに戻る]ボタンスタイルを選択します。 背景とアイコンの色を個別に調整できます。

モジュール

モジュール設定では、13個のモジュールを個別に無効にできます。 デフォルトで有効になっています。

Divi DreamToolsテーマカスタマイザー

いくつかのカスタマイズがテーマカスタマイザーに追加されます。 H1-H6テキストとCTAボタンをカスタマイズできます。 ボタンには、サイズ、ホバーアニメーションなどが含まれます。この例では、メニューのCTAボタンをカスタマイズしています。 この例は、カスタマイズされた[トップに戻る]ボタンも示しています。

Divi DreamToolsカスタム投稿タイプ

Divi Dream Toolsは、メニュー項目とエディターを備えた5つのカスタム投稿タイプを追加します。 ダッシュボードメニューで、各投稿タイプのすべてのアイテムとカテゴリのリストを確認できます。 それらは、組み込みのウ​​ィジェットとモジュールで表示できます。 それぞれを見てみましょう。

Divi DreamToolsチームメンバー

チームメンバーの投稿タイプを使用すると、チームメンバーを作成して表示できます。 これには、テキストエディター、カテゴリ、画像、およびソーシャルアイコンを備えたチームメンバー情報、詳細ページへのリンク、およびCalderaFormsと統合された連絡フォームが含まれています。

ディビドリームツールの証言

お客様の声ツールは、写真、カテゴリ、会社のリンク、およびソーシャルメディアのアイコンを備えたエディタを追加します。

メニューにすべての紹介文が表示されます。

ディビドリームツールイベント

イベントは、画像、カテゴリ、タグ、イベント情報、会場情報、主催者情報、およびコストを含むエディタを追加します。 日付ピッカーは、イベントの日付に適しています。 現在、日付は手動で入力する必要があります。 ただし、これは簡単に実行できます。

Divi DreamToolsプロパティ

プロパティにはエディタが含まれており、ステータス、タイプ、カテゴリ、機能、画像、およびエージェントを含むプロパティ情報を追加できます。

メニューで作成したプロパティのリストは次のとおりです。

ディビドリームツールエージェント

エージェントには、編集者、画像、および連絡先情報やソーシャルフォローボタンなどの情報が含まれています。

Divi DreamToolsウィジェット

Divi Dream Toolsには、次の5つのウィジェットが付属しています。

  1. 役職
  2. プロパティスライダー
  3. プロパティウィジェット
  4. お客様の声スライダー
  5. 今後のイベント

ほとんどの場合、プラグインによって追加されたカスタム投稿タイプが表示されます。 投稿ウィジェットを使用すると、必要な投稿タイプを選択できます。 表示される投稿の数、順序、およびステータスや日付など、その投稿タイプの特別な機能を調整できます。

これがすべてのウィジェットを表示するサイドバーです。

ディビドリームツールモジュール

Divi DreamToolsには30未満のモジュールがあります。 それらのいくつかを見てみましょう。 ランダムにいくつか選びました。

投稿スライダービュー

Post Slider Viewモジュールには、いくつかのレイアウトスタイルが含まれています。 カスタム投稿タイプから選択したり、表示する数、表示順序、画像サイズを設定したり、表示設定、スライドやアイコンの色などをカスタマイズしたりできます。これは、スライダー1のデフォルト設定です。

エージェントリストビュー

これは、スタイル1を使用したエージェントリストビューです。これには、カスタマイズ、アイコンの色、ページ付けの色などを含むいくつかのスタイルが含まれています。 これがデフォルト設定です。

組積造を投稿

Posts Masonry Viewモジュールは、いくつかのスタイルを表示します。 これはスタイル1で、マルチレイアウトデザインを表示します。 これには、カスタム投稿タイプ、ページ付け、表示者と日付、およびページ付けの色設定が含まれます。 これがデフォルト設定です。

イベントリストビュー

イベントリストビューモジュールにはいくつかのレイアウトスタイルがあり、画像サイズオプション、画像、スタイル付きポップアップ、およびページ付けが含まれています。 電子書籍のレイアウトに追加しました。 これがレイアウト3です。レイアウトのスタイルに合わせてカスタマイズしました。

お客様の声グリッドビュー

お客様の声グリッドビューモジュールには、5つのスタイルオプションがあります。 これはオプション2です。行に表示する数、抜粋量、アイコンのカスタマイズ、画像の表示、ページリンク、同じ高さの設定、カテゴリの選択、色のカスタマイズなどを選択できます。これはデフォルト設定です。

画像の傾き

Image Tiltを使用すると、マウスに反応して傾斜する画像またはアイコンを表示できます。 視差の表示、グレアの表示、遠近法の調整、傾斜、速度、スケールなどを行うことができます。

フリップボックス

フリップボックスは、ボックスの両側にテキストを含むボックスを作成します。 その上にカーソルを合わせると、ボックスが反転して背面が表示されます。 前面と背面の色、アイコン、テキスト、画像を別々に設定できます。 リンクを追加することもできます。 上の画像では、2番目のフリップボックスを反転してから、マウスを3番目のフリップボックスに移動しました。 これは、宣伝文、CTA、情報などを作成するのに最適です。

プロパティテーブルビュー

これは、プロパティテーブルビューモジュールです。 3つのスタイルがあります。 これはスタイル3です。不動産のレイアウトに合わせて色を調整しました。

また、フルサイズの画像を表示するポップアップも表示されます。 ポップアップは個別にスタイル設定されます。 これはスタイル3のポップアップです。

プロパティグリッドビュー

プロパティグリッドビューモジュールには、3つのスタイルから選択できます。 これは、2列を示すスタイル1です。 ポップアップ、ページ付け、および同じ高さを表示するように設定できます。

これはスタイル3です。3列を表示するように設定しています。

ウースライダー

Woo SliderはWooCommerce製品を表示し、多くの新機能を追加します。 3つのスタイルがあります。 スタイルごとにオーバーレイの表示が異なり、ホバーへの応答も異なります。 これはスタイル1で、商品の画像を傾け、ホバー時に購入ボタンを表示します。 列数、画像サイズ、クリック時にポップアップを表示するなどを設定できます。

ポップアップには、製品に関する詳細情報が表示されます。 これはスタイル3のポップアップです。 ホバーするとボタンの色が変わります。 閉じるボタンが含まれています。

ディビドリームツールの価格

Divi Dream Toolsには、次の2つのライセンスオプションがあります。

  • 単一のウェブサイト– 99ドル
  • 無制限のウェブサイト– $ 199

どちらも1回限りの料金で、生涯サポートとアップデートが含まれています。

Divi Dream Toolsは、発行元のWebサイトから購入できます。

終わりの考え

Divi DreamToolsのカスタマイズとモジュールの量に感銘を受けました。 すべての設定が直感的であることがわかりました。 Diviに精通している場合は、これらのモジュールと設定に問題はないはずです。 カスタム投稿タイプは簡単に作成でき、いくつかのモジュールやウィジェットを操作できます。 カスタマイズにより、Diviに多くの設計の可能性が追加されます。

ここで取り上げたのは、このプラグインで実行できることのほんの一部です。 Diviの一連のカスタマイズと新しいモジュールに興味がある場合は、Divi DreamToolsを一見の価値があります。

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

johave /shutterstock.com経由の注目の画像