Divi 插件亮點：Divi ConKit Pro

Divi ConKit Pro 是一個插件，它為 Divi Builder 帶來了 36 個新模塊，以及為您的網站添加新功能和可定制性的 4 個其他擴展。 如果您正在尋找一個功能豐富的插件，它與 Divi 完全集成並為您帶來 Instagram 提要、時間線、動畫文本和翻轉框等模塊，並讓您對彈出窗口、登錄頁面等進行設計控制，這個可能是你的插件。 在此插件亮點中，我們將了解 Divi ConKit Pro 附帶的所有功能，並幫助您確定此插件是否適合您。

讓我們開始吧！

安裝 Divi ConKit Pro

像安裝任何其他插件一樣安裝 Divi ConKit Pro。 轉到插件頁面並單擊Add Plugins ，然後選擇Upload Plugin並選擇插件文件。 單擊立即安裝以安裝插件，然後在加載後激活插件。

激活插件後，您將在 WordPress 儀表板菜單中看到 DiviConKit 選項卡，您可以在其中控制為您的站點啟用的功能。

Divi ConKit Pro

Divi ConKit Pro 模塊

首先，讓我們看一下 Divi ConKit Pro 附帶的每個模塊。 這些模塊都與 Divi Builder 集成，您可以像添加任何其他 Divi 模塊一樣將它們添加到您的網站。

DP 高級標題

此模塊允許您向頁面添加標題，並提供 Divi 默認模塊之外的一些高級選項。 您可以添加前綴文本、中心文本、後綴文本和背景文本，並且每種文本類型的設計也可以完全自定義。 使用此模塊，您可以使用不同樣式的文本創建更複雜的標題。

DP 動畫文本

此模塊允許您向頁面添加動畫文本。 您可以為每個模塊添加多段動畫文本，也可以添加不移動的前綴和後綴文本。 共有三種動畫模式，文本輸入、文本傾斜和動畫幻燈片。 可以使用各種動畫設置（例如速度和時間）自定義動畫，並且可以使用默認設計選項自定義動畫文本。

DP博客加

博客加模塊顯示您博客中的最​​新帖子。 它有四種不同的皮膚風格，我在這個例子中使用了創意風格。 與此套件中的其他模塊一樣，您可以使用設計選項來完全自定義模塊的樣式以適合您的網站設計。

DP營業時間

營業時間模塊允許您輕鬆地將營業時間添加到網站。 只需輸入當天的每個日期和營業時間，您就可以自定義設計選項以更改任何字體或顏色以配合您的設計。

DP卡

這個模塊是一個卡片模塊，它創建一個包含圖像或圖標和一些文本的簡單卡片。 您可以選擇在卡片上添加徽章或按鈕，卡片的設計也是完全可定制的。

DP CF7 造型器

下一個模塊是 Contact Form 7 的樣式器模塊。您可以使用此模塊在可視化構建器中編輯您的聯繫表單樣式。

DP 內容切換

內容切換模塊添加了一個切換圖標，允許您在兩組正文內容之間切換。 正文內容可以是在模塊的內容編輯器中設置​​的自定義內容，或者您​​可以從庫中導入佈局。

DP分頻器

分隔線模塊允許您在分隔線之間添加圖標、圖像或文本，並且還附帶了一些底部分隔線形狀佈局（在此示例中選擇了形狀 3）來分隔頁面上的文本。

DP雙鍵

雙按鈕選項將兩個按鈕添加為單個模塊。 您甚至可以在兩個按鈕之間添加一個連接器（文本或圖標），就像我在上面的示例中所做的那樣。 通過使用此模塊中提供的各種設計選項，您可以為您的網站創建獨特的兩按鈕佈局。

DP翻蓋盒

該模塊創建一個正面和背面都有內容的盒子。 當您將鼠標懸停在該框上時，將通過翻轉動畫顯示後面的內容。 這對於演示前後效果或以引人入勝的方式展示內容可能很有用。

DP浮動圖像

浮動圖像模塊允許您添加在頁面上上下浮動的圖像。 它為頁面設計增加了一些微妙的動作，以提升設計。

DP 水平時間線

使用水平時間線模塊，您可以為每個步驟創建包含文本、圖像和圖標的時間線。 它還具有循環和自動滾動選項，以便您可以讓時間線自動滾動頁面。 同樣，設計選項可用於完全自定義外觀。

DP熱點

使用此模塊，您可以向任何包含文本、圖像或圖標的圖像添加工具提示。 您可以準確指定工具提示在圖像上顯示的位置，當然，可以使用設計設置自定義所有元素的設計。

DP懸停盒

懸停框允許您在將鼠標懸停在圖像上時顯示文本和其他元素，例如邊框。 正如您在上面的示例中看到的那樣，左側的框被懸停在上面，您可以看到字幕和描述以及邊框已經顯示出來。 右邊是沒有懸停的框，它只顯示標題。 此模塊也有許多不同的懸停設置。

DP 圖標框

該模塊是一個簡單的模塊，允許您在框中顯示圖標和可選文本。

DP 圖像手風琴

圖像折疊模塊顯示多個圖像並排顯示。 當您將鼠標懸停在其中一張圖像上時，它會放大並最小化其他圖像，以便您可以看到整張照片。 在上面的示例中，我將鼠標懸停在右側的照片上。

DP 圖像比較

使用圖像比較模塊，您可以使用滑塊比較兩個圖像，您可以拖動以查看每一側。 您還可以在每一側添加標籤，例如“之前”和“之後”。

DP 圖像放大鏡

圖像放大鏡模塊要求您上傳圖像的大小版本。 當您將鼠標懸停在圖像上時，會出現一個放大鏡，您可以看到更大版本的懸停區域。

DP圖像掩蔽

在此模塊中，您可以添加具有蒙版形狀的圖像。 模塊中有許多不同的形狀供您選擇，您可以通過為蒙版或圖像添加顏色來進一步自定義設計。

DP 信息框

這個模塊只允許您添加一個帶有文本內容和可選圖像或圖標的框。

DP 內聯 SVG

該模塊允許您直接上傳 SVG 文件並在 Divi Builder 中查看它們。

DP Instagram 飼料

使用 Instagram 提要模塊，您可以在您的網站上優雅地顯示您最近的 Instagram 帖子。 有 3 種佈局可供選擇：網格、突出顯示（在上面的示例中使用）和砌體。 您可以使用設計選項自定義間距、疊加層、標題等。

DP列表

該模塊可用於將信息組織在帶有圖標或圖像的列表中。

DP 標誌網格

徽標網格模塊可用於顯示客戶徽標或“特色...”徽標。 您還可以為徽標添加懸停效果。 在此示例中，我使用了縮小懸停效果，您可以在屏幕截圖的第二個徽標上看到該效果。

DP洛蒂

使用此模塊，您可以將 Lottie 動畫直接添加到 Divi Builder 中的頁面。 您可以通過上傳 Lottie JSON 文件或通過 URL 添加 Lottie 動畫。

DP 編號

數字模塊只是顯示一個數字。 您可以啟用計數器選項，數字將在顯示時計數。 同樣，您可以使用設計設置來完全自定義外觀。

DP 價格菜單

使用價格菜單模塊，您可以輕鬆地在您的網站上創建一個菜單，其中包含價格、標題和描述，以及許多自定義外觀的選項。

DP審查

此模塊允許您向您的網站添加評論，包括星級、圖像，當然還有評論文本內容。

DP 滾動圖像

使用滾動圖像模塊，您的圖像僅部分顯示在設定的高度。 當您將鼠標懸停在圖像上（或滾動，取決於您選擇的選項）時，圖像會滾動，以便您可以看到圖像的其餘部分。

DP技能條

該模塊可用於演示技能水平或任何其他可以由進度條表示的內容。 您可以選擇顯示哪些標籤，當然，所有設計元素都可以自定義。

DP 社交分享

該模塊有許多社交媒體平台可供選擇，您可以輕鬆更改按鈕文本、樣式、佈局、位置和許多其他設置。

DP團隊

團隊模塊可以輕鬆地在您的網站上顯示您的團隊成員。 您可以添加照片、姓名、職位和簡歷，甚至可以添加指向個人網站、電子郵件地址和社交媒體網站的鏈接。 有幾個不同的選項，內容也可以在懸停時顯示在圖像上。

DP推薦信

推薦模塊允許您將客戶推薦添加到您的站點。 它使您可以選擇包含星級，您可以選擇使用報價圖標或上傳自己的。 還有多種定位和佈局選項可供選擇，允許您創建完全自定義的設計。

DP Twitter 提要

此模塊允許您在您的網站上顯示 Twitter 提要。 該模塊有許多選項供您選擇確切顯示的內容，當然，該設計完全可以使用 Divi 的許多設計選項進行定制。

DP 垂直時間線

垂直時間線模塊允許您創建包含文本和圖像內容的時間線。 有幾個可用的佈局選項，您可以選擇添加滾動線，為時間線添加一些動態移動。 此外，您可以完全自定義時間線的樣式，甚至為活動和非活動狀態添加不同的顏色。

DP 視頻彈出窗口

使用此模塊，您可以添加在深色疊加背景的同一頁面中彈出的視頻。 您可以上傳封面圖片並自定義整體設計、疊加圖標和其他設計元素。 您可以鏈接來自 YouTube 或 Vimeo 的視頻，或上傳您自己的視頻。

Divi ConKit Pro 擴展

除了 DiviConKit 附帶的模塊之外，插件附帶的一些擴展可以為您的網站添加額外的功能。 讓我們來看看每一個。

博客設計師

博客設計器為您提供了額外的選項來自定義博客和帖子頁面的設計方式。 您可以在外觀下的自定義菜單中找到博客設計器設置，或者單擊 Divi ConKit 設置中的鏈接。

在博客/存檔設置中，您可以更改佈局、背景、顯示的帖子項目、特色圖像大小以及其他大小和間距選項。

接下來，在單個帖子設置中，您可以自定義內容的大小和間距、更改背景、選擇顯示的元素、添加帖子作者框、帖子導航、相關帖子等等。

彈窗製作器

彈出窗口製作器允許您使用 Divi 視覺構建器設計自定義彈出窗口。 您可以在 WordPress 儀表板的 DiviConKit 設置部分下找到彈出窗口設置。 您可以指定希望每個彈出窗口出現的特定頁面。

在彈出窗口的設置中，您可以指定打開事件和動畫樣式、更改背景和覆蓋、調整位置和大小等等。

這是正在運行的彈出窗口。

登錄設計器

登錄設計器允許您為您的網站自定義 WordPress 登錄頁面。 您可以在外觀下的自定義菜單中找到登錄設計器設置，或單擊 Divi ConKit 設置中的鏈接。 您可以自定義背景、徽標、登錄表單和字段、所有文本和標籤以及按鈕。

不幸的是，您在進行這些更改時看不到登錄頁面，因為您需要退出才能看到登錄頁面。 為了解決這個問題，我在瀏覽器中使用隱身窗口打開了登錄頁面，這樣我就可以同時看到兩者並查看我所做的更改。

這是登錄頁面的自定義版本，具有新的背景、徽標、字段背景和文本顏色。

Divi 庫簡碼

DiviConKit Pro 還允許您使用簡碼在 Divi 模塊或 .php 文件中顯示任何 Divi 庫模板。 當您訪問 Divi 圖書館時，您將看到列出的每個圖書館項目的簡碼。 只需複制短代碼並在 Divi 構建器中的代碼模塊中使用它或將其添加到 .php 文件中，就會出現 Divi 庫項目。 在此示例中，我使用簡碼將 Divi 庫中的定價表添加到我的頁面。

購買 Divi ConKit Pro

Divi ConKit Pro 可在 Divi Marketplace 購買。 無限網站使用和 1 年支持和更新的費用為 59 美元。 價格還包括 30 天退款保證。

最後的想法

Divi ConKit Pro 是一個功能豐富的插件，它添加了許多很棒的模塊來擴展 Divi Builder 的功能。 每個模塊都包含選項並且完全可定制，可以輕鬆為您的網站創建漂亮的模塊。 最後，我們很樂意聽取您的意見！ 您是否嘗試過 Divi ConKit Pro？ 請在評論中告訴我們您對此的看法！