Divi 插件亮點:Divi Plus

已發表: 2020-12-24

特色插件現已在 Divi 市場發售

Divi Plus 可在 Divi Marketplace 購買! 這意味著它已通過我們的審查,並被發現符合我們的質量標準。 您可以在市場上訪問 Divi Extended 以查看他們所有可用的產品。 從 Divi 市場購買的產品具有無限的網站使用和 30 天退款保證(就像 Divi 一樣)。

在 Divi 市場購買

Divi Plus 是 Divi 的第三方插件,它為 Divi Builder 添加了 40 多個模塊和許多新功能。 在這個 Divi 插件亮點中,我們將看看 Divi Plus,看看它可以做什麼來幫助您確定它是否適合您的 Divi 工具箱。

Divi Plus 設置

Divi Plus 設置

安裝插件很簡單。 只需上傳並激活。 安裝後,您將需要激活多項功能。 在 WordPress 儀表板中,轉到“設置” >“ Divi Plus” 。 “常規”選項卡可讓您選擇要在 Divi Builder 中使用的模塊。 默認情況下,它們都是選中的,因此您可以保留此選項卡原樣。

Divi Plus 設置

擴展選項卡有幾個選項。 在這裡,您可以為部分、行、列和模塊啟用 Divi 庫短代碼、調度程序、可見性管理器和粒子背景。 默認情況下,所有這些都是禁用的。 您可以在集成選項卡中添加您的 Facebook API 和 Twitter 用戶名。

Divi 庫簡碼

Divi 庫簡碼

Divi 庫簡碼為庫中的每個佈局添加一個簡碼。 您可以復制此簡碼並將其粘貼到 Divi 網站上可以使用簡碼的任何位置。 它將在模塊、側邊欄等中顯示該佈局。

DP調度器

DP調度器

計劃程序允許您根據日期和時間決定何時顯示部分、行、列或模塊。 讓它顯示或隱藏內容並選擇開始和結束日期和時間。 它已添加到“高級”選項卡中的“可見性”設置中。

DP 可見性管理器

DP 可見性管理器

可見性管理器允許您根據用戶的狀態顯示或隱藏部分、行、列或模塊。 將其顯示給所有用戶、登錄用戶或註銷用戶。 它已添加到“高級”選項卡中的“可見性”設置中。

DP 粒子背景

DP 粒子背景

粒子背景設置被添加到部分設置的背景區域。 背景在 Visual Builder 中不可見。 您可以選擇粒子類型、數量、密度、大小、顏色、鏈接線選項、移動選項、交互性等等。

我增加了粒子的數量和大小,使它們在我的部分的背景中脫穎而出。 行和模塊可以放置在此之上。

DP Plus 自定義帖子類型

DP Plus 自定義帖子類型

兩種新的自定義帖子類型已添加到 WordPress。 您可以在 Builder 選項卡的主題選項中為這些帖子類型啟用 Divi Builder。 該插件添加了四個模塊,因此您可以將新的自定義帖子類型顯示為網格或滑塊。

DP 感言

DP 感言

這是我的 DP 推薦書示例帖子列表。

DP 團隊成員

DP 團隊成員

這是我為 DP 團隊成員提供的示例帖子列表。

Divi Plus 模塊

Divi Plus 模塊

Divi Plus 為 Divi Builder 添加了 40 多個模塊。 我們將看看一些突出的模塊。

DP Ajax 搜索

DP Ajax 搜索

Ajax 搜索在彈出窗口中顯示搜索結果,而無需重新加載頁面。

DP Ajax 搜索

這是在我輸入時自動顯示結果的 Ajax 搜索。 我給搜索框一個外框陰影和結果窗口一個內框陰影。

DP 麵包屑

DP 麵包屑

Breadcrumbs 為您提供了兩種佈局可供選擇,它可以在新選項卡中打開鏈接。

DP 營業時間

DP 營業時間

營業時間包括一周中每一天的子模塊。 您可以輸入名稱和時間,並且可以在主模塊中或在子模塊中單獨設置它們的樣式。

DP 按鈕

DP 按鈕

DP Button 有子模塊來創建多種類型的按鈕。 顯示文本或添加圖標。 此外,添加輔助文本。 每個元素都可以獨立設置樣式。 在這些示例中,我添加了一個圖標並更改了它的顏色、添加了背景並使邊框變圓、添加了文本陰影、添加了輔助文本並更改了它的顏色。 這些按鈕也可以設置為內聯顯示而不是堆疊顯示。

DP 內容切換

DP 內容切換

內容切換可讓您添加兩段內容,然後在它們之間切換。 內容可以是文本或 Divi 佈局。 您可以獨立設置每個元素的樣式。

DP 內容切換

這是顯示第二個內容的切換。 內容適合您放置模塊的列。

DP FAQ頁面架構

DP FAQ頁面架構

FAQPage Schema 模塊包括用於創建 FAQ 的子模塊。 它們像手風琴一樣工作,這意味著當用戶選擇另一個常見問題解答時,打開的手風琴會關閉。 它對打開/關閉動畫有一個有趣的滑動效果。 常見問題解答包括一個編輯器,因此您可以添加文本、媒體、代碼等。

DP 造型器

DP 造型器

Form Styler 允許您從 Contact Form 7 或 Caldera Forms 中選擇一個表單,然後使用 Divi 樣式選項對其進行樣式設置。 為表單的各個元素設置樣式的選項數量令人印象深刻。 在此示例中,我將對齊設置為居中,調整了標籤的字體粗細,將字段和按鈕的角變圓,並為字段添加了框陰影。 我還使用背景圖像和覆蓋層設計了按鈕的樣式,增加了字體的大小,並更改了字體顏色。

DP熱點

DP熱點

熱點可讓您向圖像添加標記。 標記有一個懸停選項,可以在懸停時顯示工具提示。 它可以是圖標、文本或圖像。 工具提示可以是 Divi 庫中的文本或佈局。 選擇圖標,調整它們的位置,改變它們的顏色、大小等。

DP熱點

我用文本替換了底部的圖標,並添加了一個 Divi 佈局作為工具提示。 佈局包括一個文本模塊和一個按鈕。 Divi Plus 模塊也可用於這些佈局。

DP 如何架構

DP 如何架構

How To Schema 模塊包括添加工具、耗材、所需時間以及製作步驟的設置。 每個步驟都作為一個子模塊添加。 工具和用品、時間和成本等元素都有小節,您可以添加任意數量的內容。 每個元素都可以獨立設置樣式。

DP 模態

DP 模態

DP Modal 創建一個彈出窗口,您可以使用觸發器控制它。 觸發器可以是元素點擊、頁面加載或退出意圖。 它可以是按鈕、圖像、圖標、文本、CSS ID 或 CSS 類。 在模塊內創建頁眉、正文和頁腳。

DP 模態

單擊觸發器時,背景變灰並顯示模態。 這是我使用默認樣式製作的模態。

DP 模態

它提供了許多樣式選項。 我為觸發器、頁眉文本、頁腳、關閉圖標、關閉按鈕添加了樣式,並向正文添加了圖像。 兩個按鈕還包括懸停樣式。

DP 圖像放大鏡

DP 圖像放大鏡

圖像放大鏡可讓您在佈局中放置圖像,當訪問者將鼠標懸停在圖像上時,他們的鼠標將顯示圖像的放大區域。 這讓他們可以看到圖像的放大部分。 您可以設置鏡頭大小、速度、邊框寬度和邊框顏色。

DP 團隊滑塊

DP 團隊滑塊

團隊滑塊在頂部顯示團隊成員及其圖像,技能顯示為條形計數器,底部顯示社交網絡圖標。 每個元素都可以單獨設置樣式。 我為圖像添加了邊框和框陰影。

DP 推薦表格

DP 推薦表格

推薦網格以兩種佈局之一顯示推薦帖子類型。 第一個在底部顯示圖像。 第二個在頂部顯示圖像。 您可以控制顯示哪些元素。 選擇列數,顯示評級、圖像、名稱等。

DP 時間線

DP 時間線

時間線模塊將子模塊的內容放置在時間線上。 為每個模塊添加標題和正文內容。 您可以讓項目交替或放置到時間線的一側。 佈局選項包括圖標樹或日期樹。

DP 時間線

這是日期樹。 我添加了圖像並設置了佈局以在樹的右側顯示內容。

購買 Divi Plus

Divi Plus 可在 Divi Marketplace 購買。 它具有無限的網站使用和一年的支持和更新。 它還包括 20 個整頁佈局和 200 個樣式部分。 正常價格為 79 美元。

結束的想法

這就是我們對 Divi Plus 的看法。 該插件為 Divi 添加了許多新模塊和功能。 我發現所有模塊和設置都很容易使用。 我只看過本文中的幾個模塊,但很容易看出每個模塊和擴展都可以為您的 Divi 設計添加有價值的功能和專業潤色。 如果您想為 Divi 添加大量新功能,Divi Plus 是一個不錯的起點。

我們希望聽到您的意見。 你試過Divi Plus嗎? 請在評論中告訴我們您對此的看法。

特色圖片來自天空矢量/shutterstock.com