Divi 插件亮點：Divi Dream 工具

已發表: 2019-06-09

Divi Dream Tools 是 Divi 的第三方插件，它為 Divi 添加了許多新的自定義和模塊。 它包括近 30 個模塊、5 個自定義帖子類型和 5 個小部件。 它還包括許多自定義設計選項，例如預加載器、菜單中的 CTA、漢堡包菜單、返回頂部按鈕、頁眉、頁腳、自定義登錄屏幕等。

您可以從出版商的網站購買 Divi Dream Tools。 在這個 Divi 插件 Highlight 中，我們將仔細研究 Divi Dream Tools，看看它可以做什麼。

迪維夢想工具設置

正常安裝並激活插件。 一個新的設置屏幕被添加到 WordPress。 設置屏幕（位於 Divi > Divi Dream 工具設置的儀表板菜單中）包括多個選項卡和每個選項卡中的設置。 下面是每個選項卡的外觀。

一般的

常規設置包括全局標題樣式、自定義管理登錄頁面、在菜單上添加 CTA 按鈕、允許 SVG 上傳以及啟用維護模式。

項目設置允許您隱藏或重命名項目。 404 設置允許您從 Divi 庫中選擇 404 頁面佈局。 社交圖標設置允許您獨立啟用另外 9 個社交圖標，並讓它們在新選項卡中打開。

預加載器

Preloader 選項卡添加了許多預加載器選項。 常規設置允許您顯示預加載器並選擇它是否僅顯示在主頁上、移動設備上，以及在您確定的設備寬度上隱藏預加載器。

預加載器圖像設置讓您選擇預加載器。 它向他們展示了他們的動畫，因此您可以了解他們在您的網站上的外觀。 您還可以上傳自己的文件，指定寬度和高度，以及更改預加載器和背景的顏色設置。 動畫設置讓您選擇動畫並設置速度、時間和不透明度。

漢堡菜單

漢堡設置讓您選擇一個漢堡圖標。 它們是動畫的，因此您會知道它們在您的網站上的外觀。 您還可以自定義菜單圖標和活動圖標的顏色。

回到頂部

從多個選項中選擇“返回頂部”按鈕樣式。 您可以獨立調整背景和圖標的顏色。

模塊

模塊設置可讓您獨立禁用 13 個模塊。 它們默認啟用。

Divi Dream Tools 主題定制器

主題定制器中添加了多個定制。 您可以自定義 H1-H6 文本和 CTA 按鈕。 按鈕包括大小、懸停動畫等。在本例中，我正在自定義菜單中的 CTA 按鈕。 此示例還顯示了自定義的返回頂部按鈕。

Divi Dream 工具自定義帖子類型

Divi Dream Tools 添加了 5 種帶有菜單項和編輯器的自定義帖子類型。 您可以在儀表板菜單中看到每種帖子類型的所有項目和類別的列表。 它們可以與內置小部件和模塊一起顯示。 下面來看看每一個。

迪維夢想工具團隊成員

團隊成員帖子類型允許您創建團隊成員並顯示他們。 它包括文本編輯器、類別、圖像和團隊成員信息以及完整的社交圖標、詳細信息頁面的鏈接以及與 Caldera Forms 集成的聯繫表單。

Divi Dream 工具推薦

推薦工具添加了一個帶有照片、類別、公司鏈接和社交媒體圖標的編輯器。

您可以在菜單中看到所有推薦。

迪維夢想工具活動

活動添加了一個帶有圖像、類別、標籤、活動信息、場地信息、組織者信息和費用的編輯器。 日期選擇器對於事件日期會很好。 目前，您必須手動輸入日期。 不過，這很容易做到。

迪維夢想工具屬性

屬性包括一個編輯器，允許您添加狀態、類型、類別、功能、圖像和屬性信息，包括代理。

這是我在菜單中創建的屬性列表。

迪維夢想工具代理

代理包括編輯器、圖像和信息，包括他們的聯繫信息和社交關注按鈕。

Divi Dream 工具小工具

Divi Dream Tools 附帶五個小部件：

  1. 郵政
  2. 屬性滑塊
  3. 屬性小部件
  4. 推薦滑塊
  5. 接下來的活動

大多數顯示插件添加的自定義帖子類型。 帖子小部件可讓您選擇所需的任何帖子類型。 您可以調整它們顯示的帖子數量、順序和該帖子類型的特殊功能，例如狀態或日期。

這是顯示所有小部件的側邊欄。

Divi Dream 工具模塊

Divi Dream Tools 有不到 30 個模塊。 下面來看看其中的一些。 我只是隨便挑了幾張。

帖子滑塊視圖

Post Slider View 模塊包括幾種佈局樣式。 您可以選擇自定義帖子類型，設置顯示數量、顯示順序、圖像大小，並自定義顯示設置、幻燈片和圖標的顏色等。這是 Slider 1 的默認設置。

代理列表視圖

這是使用樣式 1 的座席列表視圖。它包括幾個具有自定義、圖標顏色、分頁顏色等的樣式。 這是默認設置。

帖子砌體

Posts Masonry View 模塊顯示多種樣式。 這是樣式 1，顯示多佈局設計。 它包括自定義帖子類型、分頁、顯示作者和日期以及分頁顏色設置。 這是默認設置。

事件列表視圖

事件列表視圖模塊具有多種佈局樣式，包括圖像大小選項、圖像、帶有樣式的彈出窗口和分頁。 我已將其添加到電子書佈局中。 這是佈局 3。我已經自定義了它以適應佈局的樣式。

推薦網格視圖

推薦網格視圖模塊有五個樣式選項。 這是選項2。您可以選擇一行顯示的數字、摘錄數量、自定義圖標、顯示圖像、頁面鏈接、設置等高、選擇類別、自定義顏色等。這是默認設置。

圖像傾斜

圖像傾斜可讓您顯示響應鼠標而傾斜的圖像或圖標。 您可以顯示視差、顯示眩光、調整視角、傾斜度、速度、比例等等。

翻蓋盒

翻轉框創建一個框，框的兩側都有文本。 當您將鼠標懸停在它上面時，框會翻轉以顯示背面。 您可以分別設置正反面的顏色、圖標、文字和圖像。 您還可以添加鏈接。 在上圖中，我翻轉了第二個翻轉框，然後將鼠標移到了第三個。 這對於創建簡介、CTA、信息等非常有用。

屬性表視圖

這是屬性表視圖模塊。 它有三種風格。 這是樣式 3。我已調整顏色以匹配 Real Estate 佈局。

它還顯示一個彈出窗口，顯示全尺寸圖像。 彈出窗口單獨設置樣式。 這是樣式 3 的彈出窗口。

屬性網格視圖

屬性網格視圖模塊有 3 種樣式可供選擇。 這是樣式 1，顯示 2 列。 您可以將其設置為顯示彈出窗口、分頁和等高。

這是樣式 3。我將它設置為顯示 3 列。

嗚滑塊

Woo Slider 顯示 WooCommerce 產品並添加了許多新功能。 它有三種風格。 每種樣式以不同的方式顯示疊加層，並對懸停做出不同的響應。 這是樣式 1，它傾斜產品圖像並在懸停時顯示購買按鈕。 您可以設置列數、圖像大小、單擊時顯示彈出窗口等。

彈出窗口顯示有關產品的更多信息。 這是樣式 3 的彈出窗口。 它會在懸停時更改按鈕顏色。 它包括一個關閉按鈕。

迪維夢想工具價格

Divi Dream Tools 有兩個許可證選項：

  • 單一網站 – 99 美元
  • 無限網站 – 199 美元

兩者都是一次性費用，包括終身支持和更新。

您可以從出版商的網站購買 Divi Dream Tools。

結束的想法

Divi Dream Tools 中的自定義和模塊數量給我留下了深刻的印象。 我發現每個設置都很直觀。 如果您熟悉 Divi，那麼這些模塊和設置應該不會有任何問題。 自定義帖子類型易於創建和使用多個模塊和小部件。 自定義為 Divi 增加了許多設計可能性。

我在這裡介紹的只是觸及了這個插件可以做的事情的表面。 如果您對 Divi 的一套自定義設置和新模塊感興趣，Divi Dream Tools 值得一看。

我們希望聽到您的意見。 您是否嘗試過 Divi Dream Tools？ 請在下面的評論中告訴我們您對此的看法。

精選圖片來自 johave/shutterstock.com