Divi 插件亮點：Divi 戰鬥服

Battle Suit for Divi 是一個第三方插件，它提供了一組 Divi Builder 模塊、Divi 擴展、調整、WordPress 小部件等，為 Divi 添加了新功能。 這是一個高度可擴展的模塊化系統。 該插件本身是免費的，並且可以通過許多免費和高級附加組件進行擴展。

在這個 Divi 插件亮點中，我們將看看 Divi 的戰鬥服並看看它包含什麼。 由於您可以在 WordPress 存儲庫中免費獲得該插件，因此我將主要展示高級附加組件的示例。

迪維的戰鬥服

為 Divi 安裝並激活 Battle Suit。 儀表板菜單中添加了一個名為 Divi Sensei Suit 的新菜單項。

單擊設置會將您帶到 Divi 主題選項。 名為Battle Suit的 Divi 主題選項中添加了一個新選項卡。 在這裡，您可以啟用功能和小部件。

選擇附加組件會打開一個包含多個選項的屏幕。 您可以從這裡購買高級附加組件。 Divi 的工具集需要安裝工具集視圖和工具集類型。 這需要高級版的工具集。 我將在此插件亮點中使用所有這三個附加組件。

正常上傳並激活每個插件。

添加您的許可證密鑰並激活許可證以使用附加組件。

Divi 模塊的戰鬥服

許多新模塊添加到 Divi Builder。 這些模塊包括預期的內容、設計和高級選項卡和功能。 此圖顯示了免費版 Battle Suit for Divi 隨附的模塊。 免費模塊包括：

另一個帖子- 顯示來自任何帖子類型的不同帖子的內容。

桶– 類似於宣傳語的模塊。 它包括懸停效果。 它非常適合創建桶列表或展示產品。

頁腳- 在佈局中的任何位置顯示 Divi 頁腳。 它非常適合在空白頁面模板中或使用工具集顯示頁腳。

庫佈局- 允許您從 Divi 庫注入佈局。

砌體畫廊– 一個新畫廊，以砌體佈局顯示不同尺寸的圖像。

帖子按鈕——這是一個鏈接到帖子的按鈕。

帖子摘錄- 允許您自定義和顯示帖子摘錄。

發布特色圖片– 顯示帶有圖片模塊設置的特色圖片。

Post Meta – 顯示可定制的 post meta。

帖子標題- 顯示帶有可自定義模塊的帖子標題。

Transformable Image – 顯示帶有懸停效果的 3D 圖像。

視頻燈箱– 在可自定義的燈箱中顯示視頻。

高級附加組件為 Divi Builder 添加了更多模塊。 此處的圖像包括我正在使用的高級附加組件。 開發人員的網站上還提供了更多信息。 模塊包括：

倒數計時器– 一個可定制的倒數計時器，可以在倒計時完成時執行一個事件。

Material Blurb – 帶有多個按鈕和高度選項的簡介。

發佈內容- 顯示特定 URL。 單擊它會打開鏈接。

工具集按鈕- 為特定工具集字段添加按鈕並鏈接到特定 URL。

工具集計數器- 這是工具集內容的計數器。

工具集庫- 顯示特定工具集字段的庫。

工具集圖像- 顯示工具集圖像。

工具集表- 顯示帶有佈局和分隔符選項的工具集表。 它包括單個項目自定義。

工具集文本字段 - 顯示工具集文本字段。

工具集視圖– 顯示使用工具集製作的數據庫視圖。

Divi材料設計示例的戰鬥服

Material Blurb 添加了一個新模塊。 在此示例中，我使用 Material Blurbs 從作者佈局重新創建書籍信息。 它們最初由三個單獨的模塊組成：每本書的文本、圖像和按鈕模塊。 我可以用單個模塊替換它們。 我正在做一些自定義。 我添加了第二個按鈕，調整了邊框，並為常規和懸停自定義了陰影。 您可以使用圖像或圖標，並且可以讓它在懸停時更改為新的圖像或圖標。

這是所有三個材質簡介的結果。 我已將基本高度設置為 5，將懸停高度設置為 1。我將鼠標懸停在右側的模糊上方以顯示懸停陰影效果。 我將按鈕保留為默認樣式，但當然，它們可以像 Divi 中的任何按鈕一樣設置樣式。

對於這個，我再次調整了懸停效果。 我已將基本高度設置為 1，將懸停高度設置為 0。我將鼠標懸停在最右側的材質模糊上。

Divi 最終倒計時示例的戰鬥服

倒數計時器還添加了一個模塊。 下面來看看倒數計時器可以做什麼。 這是使用翻轉樣式的默認設置。 您可以調整偏移量，使圖塊按照您希望的方式排列。 我已將其置於風險管理佈局中，該佈局提供了標題、分隔符和按鈕。

這是具有默認設置的塊樣式。

對於這個，我沒有顯示周和天。 我將標籤移到頂部並更改了它們的大小、顏色，並將它們全部設為大寫。 我還增加了時鍾文本的大小並更改了時鐘背景的顏色。 它還具有在時鐘內移動文本位置、調整寬度等的選項。

這個使用塊樣式。 我增加了時鐘字體的大小，並將字體更改為 Aladin，使它們變成紫色，並賦予它們陰影效果。 我為時鐘添加了淺灰色背景，因此它幾乎不突出。

Divi 工具集示例的戰鬥服

工具集附加組件向 Divi Builder 添加了 7 個模塊。 它需要高級版的工具集。 我發現 Divi Toolset 附加組件的 Battle Suit 非常易於使用，但 Toolset 本身卻是另一回事。 無論如何，它都不是一個直觀的平台，我不建議初學者使用它。

即使您熟悉 WordPress 和 Divi，如果您不熟悉 Toolset，我也強烈建議您在 YouTube 上觀看如何使用 Toolset 和 Divi 構建自定義分類法檔案。 請記住，自創建視頻以來，工具集的儀表板菜單已更改，因此可能需要更多步驟才能弄清楚。 這是我採取的步驟。

工具集視圖

在工具集中創建一個視圖。 請務必選擇帖子類型顯示，以便他們可以使用視圖。

跳過循環嚮導並選擇一個內容模板。 在這裡您可以選擇 Divi，這會將 Divi 添加到模板選項中。 確保 Divi 模板在 wpv-loop 標籤內。

使用 Divi Builder 創建模板佈局。 首先，通過從該字段中的選項中選擇它來啟用它，然後單擊以進行編輯。

使用 Sensei 模塊創建模板。 發布模板並保存視圖。

將輸出編輯器留空。

將Sensei 工具集視圖模塊添加到您的頁面或帖子佈局。 從模塊內容選項卡的下拉列表中選擇視圖。

確保您沒有為頁面使用工具集佈局。 您希望Divi 的 Battle Suit控制佈局，而不是 Toolset（至少在這種情況下）。

它使用我在 Divi 中創建的模板在存檔循環中顯示帖子。 您可以創建所需的任何類型的佈局。 我已將顯示限制為 3 個帖子，偏移量為 0，但您可以像使用博客模塊以及帖子滑塊等一樣使用它。您還可以按主要和次要順序對帖子進行排序和排序。

我現在已經在 Author 佈局中添加了模塊。 我正在使用佈局中的字體樣式。 我還在模塊中添加了一個框陰影。

工具集計數器

工具集計數器可讓您輸入要計數的數字。 您可以選擇顯示數字或圓形計數器。 它還包括所有預期的自定義。 在這個例子中，我在頂部和底部添加了一個帶有框陰影和一些填充的背景。 其他一切都是默認的（除了我輸入的數字）。 數字計數器可以計算數字或日期。

這是一個計算數字的圓形計數器。 您還可以使用它來計算百分比類型的工具集字段。

Divi WordPress 小部件的工具集

Battle Suit for Divi 還向 WordPress 添加了一個名為Blurb的新小部件。 添加標題、圖像、URL 和描述，為側邊欄創建可點擊的簡介。

添加您的標題、圖片、鏈接 URL 和說明。 如果需要，您可以在新窗口中打開它。 我添加了三個小部件來創建書籍鏈接。

我已將側邊欄添加到作者佈局中的一個部分。 Divi 佈局的結果看起來很棒。

Divi 價格的戰鬥服

Battle Suite for Divi 是免費的，可在 WordPress 存儲庫中獲得。 插件菜單中提供了附加組件。 附加價格為：

• Divi 工具集 - 19 美元
• 材料設計 – 9.99 美元
• 最後倒計時 – 9.99 美元

更多信息可在開發人員的網站上找到。

Divi 文檔和支持的戰鬥服

您可以通過電子郵件或單擊菜單中的鏈接聯繫支持人員。 通過單擊插件菜單中的鏈接提供文檔。 它提供了常見問題解答和發布商的 YouTube 頻道的鏈接，在那裡他們可以詳細了解每個模塊。 它只包括主要模塊。

結束的想法

Battle Suit for Divi 是一個有趣的插件，它為 Divi Builder 增加了很多。 即使免費版本也增加了很多，但您可以使用高級附加組件進一步擴展它。 您可以選擇所需的確切附加組件，使其成為模塊化系統。

我對大多數模塊和附加組件沒有任何問題，但我想在開發人員的網站上查看一些有關如何使用它們的示例。 我特別希望看到 Toolset 插件的示例。 這是唯一給我帶來麻煩的附加組件。

如果您有興趣向 Divi Builder 添加大量新模塊以使您的設計更輕鬆，那麼我強烈建議您查看 Battle Suit for Divi。

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

精選圖片來自 rudall30/shutterstock.com