Divi 插件亮點 – Divi 自定義博客模塊

Divi 的博客模塊允許進行各種自定義。 除了其標準調整，例如佈局、字體樣式、邊框、覆蓋、內容等，您還可以使用 CSS 進一步調整。 如果您想更改外觀並添加一些功能而無需自己編寫代碼，該怎麼辦？ 一個名為 Divi 自定義博客模塊的第三方插件可能正是您所需要的。

Divi 自定義博客模塊（現在稱為 DTS 博客模塊 Pro）向 Divi Builder 添加了一個新模塊，該模塊提供了新的樣式和功能，包括社交媒體標籤、元和類別的背景顏色等。 它適用於全寬和網格佈局。 添加您自己的 CSS 以進一步自定義它。 它添加了 12 個新的定制器選項，因此您可以實時調整顏色。 它還包括三個可放置在側邊欄中的新小部件。

在本文中，我們來看看 Divi 自定義博客模塊插件，看看它可以做什麼。 我創建了一些示例博客文章，以便我們了解它是如何工作的。 博客文章的圖片來自 Unsplash.com。

安裝和設置

就像任何高級插件一樣上傳和激活插件。 激活後，您會在儀表板中找到一個名為 Divi 自定義模塊的新菜單項。

此菜單允許您選擇可以添加到博客片段的其他項目。

DCM 選項允許您啟用或禁用博客片段上顯示的社交媒體和電子郵件圖標。

DCM 選項 – 自定義元允許您啟用或禁用作者、日期和評論的自定義元字段。

我已經在我的示例中包含了所有這些選項。

創建博客佈局

我創建了一個頁面來顯示我的示例博客文章並放置了模塊。 請注意，現在有兩個博客模塊——原始的 Divi 模塊（簡稱為博客）和一個名為自定義的新模塊——博客。 選擇自定義 - 博客。

您習慣的所有博客功能都在這裡，包括佈局、帖子編號、類別、元、分頁、偏移、特色圖像、圖像疊加、字體樣式、邊框、圖標等。您可以設置博客佈局和以與具有相同控制級別的標準 Divi 博客模塊相同的方式設計它。

為了幫助我們了解添加的功能，我首先要展示標準博客模塊。 我選擇了一個網格佈局，並將其他所有內容保留為默認值。 它包括特色圖片、作者姓名、日期、類別、評論數量和文章片段。 它很乾淨，看起來很棒。

這是使用具有相同設置的 Divi 自定義博客模塊的博客佈局。 它將類別名稱移動到左上角，將帖子名稱居中並將其放置在一個彩色框中，添加我在儀表板菜單中選擇的社交共享按鈕，並將元信息移動到帖子片段下。

這是一個更近的視圖。 將鼠標懸停在社交圖標上會交換圖標顏色和背景顏色——所以圖標現在是白色的，而其背景顏色是社交網絡的品牌顏色。 在本例中，我將鼠標懸停在 Google+ 圖標上。 單擊該按鈕會將您帶到可以共享文章的社交網絡（就像任何社交共享按鈕一樣）。

這是僅顯示最新帖子的常規主頁（不使用 Divi Builder）。 它使用帶有背景圖像的垂直導航、標準 WordPress 帖子和側欄中的常規 WordPress 小部件。 我想展示這個以進行比較。

以下是 Divi 自定義模塊處於活動狀態的正常 WordPress 帖子佈局。 即使此頁面不是使用 Divi Builder 構建的，它仍然使用 Divi 自定義博客模塊以全寬佈局顯示具有所有相同附加內容的帖子。

帖子垂直堆疊，圖像在左側，標題沒有樣式背景，社交關注按鈕和片段。 類別在左上角，元信息在底部，就像使用模塊一樣。

三個新小部件

該插件還添加了三個新的小部件：

DCM-關於- 名稱、標題、職位、圖像、描述和社交網絡。

Divichild 最新帖子- 標題、帖子數量、類別。

Divichild 熱門帖子- 標題、帖子數量、類別。

與 Divi 自定義博客模塊一樣，小部件可以使用主題定制器進行樣式設置。

這是放置在標準 WordPress 主頁上的小部件的外觀。 小部件用模塊的顏色包裹。 在網格中查看時，關於小部件使用與模塊類似的佈局設計。

主題定制器

當然，字體和顏色可以根據您的喜好進行修改，您可以像標準博客模塊一樣添加帶有圖標的覆蓋層。 我們可以使用主題定制器進行更多定制。

新的自定義添加到主題定制器，稱為 Divi 自定義博客佈局。 您可以在此處調整模塊和小部件的標籤、背景、字體、圖標和鏈接的顏色。 您可以單獨或一起調整小部件。

在這個例子中，我調整了背景、圖標和字體顏色。 您可以實時查看所有調整。

下面是我在主題定制器中所做的所有調整的全寬博客模塊。 這個使用全寬佈局。 調整包括類別標籤顏色、元模塊背景和字體顏色、帖子標題背景、關於小部件背景和社交圖標顏色以及所有小部件標題顏色。

這個使用網格佈局。 兩種博客卡片樣式看起來都很棒。

執照

該許可證允許您和您的客戶在無限的網站上使用該插件，只要您願意。 Divi 自定義博客模塊非常易於使用，不需要文檔。 如果您可以使用 Divi 模塊和主題定制器，則可以使用此第三方插件。

• 這是一個高級插件。 點擊此鏈接購買：Divi 自定義博客模塊

最後的想法

所有附加元素都使帖子片段煥然一新，但這不僅僅是視覺上的。 添加的內容實際上很有用。 當然，您可以調整顏色和字體，使其與您的品牌或主題完美契合。

我特別喜歡添加到每個帖子的社交分享按鈕和帶有社交關注按鈕的關於小部件。 最新帖子和熱門帖子小部件增加了更多耀斑，讓您可以匹配樣式或單獨設置樣式。

Divi 自定義博客模塊很簡單，但在模塊和小部件之間添加了相當多的自定義功能，使任何博客看起來都很棒。 如果您想為博客頁面或側邊欄添加一些新功能，這個插件值得一看。

我們想听聽您的意見！ 您是否嘗試過 Divi 自定義博客模塊？ 請在評論中告訴我們您的體驗。

精選圖片來自 hanss/shutterstock.com