如何將模塊添加到 Divi WordPress 主題
已發表: 2022-10-14將模塊添加到 Divi WordPress 主題是一個簡單的過程,可以在幾分鐘內完成。 有兩種方法可以將模塊添加到 Divi WordPress 主題。 第一種方法是使用 WordPress 管理面板,第二種方法是使用 Divi Page Builder。 WordPress 管理面板是將模塊添加到 Divi WordPress 主題的最簡單方法。 要將模塊添加到 Divi WordPress 主題,請登錄您的 WordPress 管理面板並轉到“Divi”選項卡。 在“Divi”選項卡下,單擊“添加模塊”按鈕。 將出現一個彈出窗口。 從下拉菜單中選擇要添加的模塊,然後單擊“添加模塊”按鈕。 Divi Page Builder 是一個功能強大的拖放頁面構建器,可讓您在幾分鐘內將模塊添加到 Divi WordPress 主題。 要使用 Divi Page Builder,請登錄您的 WordPress 管理面板並轉到“Divi”選項卡。 在“Divi”選項卡下,單擊“Page Builder”按鈕。 Divi Page Builder 界面將加載一個新頁面。 要將模塊添加到 Divi WordPress 主題,只需將模塊從左側邊欄中拖放到內容區域即可。 模塊進入內容區域後,您可以通過單擊“設置”按鈕來編輯模塊設置。
Divi 模塊生成器

Divi Module Builder 是一個強大的工具,可讓您輕鬆地為 Divi Page Builder 創建自定義模塊。 使用 Divi Module Builder,您可以輕鬆創建自定義模塊,而無需自己編寫代碼或設計它們。 使用 Divi 模塊生成器,您可以快速輕鬆地創建響應性、交互性和在所有設備上看起來都很棒的自定義模塊。
Divi 模塊可以在您的設計中以多種方式使用。 塊可以用作獨立的部分或作為行和列的一部分來創建佈局。 模塊可以保存在您的庫中,以便您以後使用它們。 Divi 模塊是為您的佈局添加視覺吸引力的絕佳方式。 您可以在 Visual Builder 中更改顏色、大小和模塊設置,以創建您所需要的設計。
另一個模塊中的 Divi 模塊
可以在另一個模塊中插入一個 divi 模塊。 這可以通過從模塊菜單中選擇“插入模塊”選項來完成。 選擇後,將出現一個窗口,允許您選擇要插入的模塊。
它為DIVI 庫中當前安裝的或將來安裝的工具的付費或高級版本的每個項目都包含一個簡碼。 要使用特定元素,只需複制顯示的短代碼並將其粘貼到您想要的任何位置。 手風琴不起作用,全局模塊可能無法正常工作,手風琴無法正常工作。 但是,它是創建一些獨特設計的絕佳工具。 DIVI 包括兩個地圖模塊和一個推薦模塊。 您可以通過複製/粘貼簡碼來添加簡碼(此處為地圖):。 首先,轉到第二個選項卡並單擊推薦短代碼。 創建兩個選項卡後,我們的選項卡模塊將出現在下方。
分碼模塊

Divi 代碼模塊允許您將自定義 CSS、HTML 和 JavaScript 直接輸入到Divi Builder中。 這對於自定義網站的外觀或添加 Divi Builder 中不可用的功能很有用。

Divi 中的模塊可用於構建頁面。 每個模塊都由一組獨特的功能、元素和設計設置組成,可幫助您創建獨特的東西。 Divi 的大量模塊可以輕鬆構建幾乎任何類型的網站。 您的頁面可以使用代碼模塊中的代碼構建,其中包括 HTML、JavaScript 和 CSS。 您可以使用優雅主題提供的每個免費模塊作為 Divi 會員資格的一部分。 當您創建 Divi 模塊時,您可以在任何未來的項目中使用它,甚至可以在 Divi 市場上出售它。 請訪問我們的開發人員文檔以獲取有關如何創建自己的模塊的更多信息。
插入 Divi 模塊
Divi 模塊是預製模塊,您可以使用它們在 Divi Builder 中創建自己的自定義佈局。 有多種模塊可用,每個模塊都有自己獨特的一組選項和設置。 您可以通過將 Divi 模塊拖放到所需位置來將它們插入到您的佈局中。
Divi 使您能夠快速輕鬆地創建網站。 如果可能,可以使用此解決方案將原本不可用的模塊放置在這裡。 強烈建議您在編輯網站上的任何文件之前使用我們的指南創建子主題。 如果您沒有子主題, Divi 主題將在任何後續更新中刪除您的所有自定義代碼。 在這個例子中,我們將使用標籤模塊來創建一個聯繫表單。 為了使時事通訊註冊過程更具吸引力,您可以在頁腳中加入簡介模塊或專業部分。 創建 Divi 模塊需要與保存的內容相關的 id。 最好的方法是打開 Divi 庫並將鼠標懸停在模塊名稱上。 找到模塊的 id 後,將其添加到頁面是一個簡單的過程。
如何安裝 Divi Builder 佈局插件
要安裝Divi Builder 佈局插件,請轉到插件選項卡,然後單擊添加新插件。 您可以通過在出現的窗口中選擇立即安裝按鈕並蒐索您要使用的 ZIP 文件來安裝插件。
自定義 Divi Builder 模塊 Divi Builder 模塊
有很多定制的 divi builder 模塊可供在線購買。 您可以出於各種不同的目的找到它們,例如將社交媒體圖標添加到您的網站或創建自定義聯繫表單。 Divi 構建器模塊是向您的網站添加額外功能的好方法,而無需自己編寫代碼。
Divi Page Builder 中的模塊已擴展以滿足我的需求。 當我收到客戶的一些請求時,我不得不對他們現有的模塊進行更改或創建新模塊。 由於您的需求可能會有所不同,因此本文中沒有關於自定義模塊的細節。 因為 ET Builder 模塊類非常大,所以您不想專門為自己編寫整個模塊。 您可以通過轉到Divi 文件並蒐索它來選擇最接近您需要的現有模塊。 我將使用 Image 模塊,它看起來與此處顯示的相同。 為此,您應該保留一個 et_pb_ 文件。 否則,Divi Builder 將不會加載該模塊,因為它有一個 slugs 前綴。 要引用新的類實例,我們必須更改其名稱並添加短代碼。
Divi Builder:適用於 WordPress 的靈活且易於使用的頁面構建器
Divi Builder 旨在盡可能簡單易用,同時盡可能靈活。 Divi Builder 是任何級別的 WordPress 用戶的絕佳選擇,無論他們是剛剛入門還是有該平台的經驗。 由於其模塊化系統,Divi Builder 允許您輕鬆創建可用於創建獨特和自定義佈局的自定義模塊。 Divi Builder 具有可移植性功能,可讓您輕鬆將佈局導出到其他網站。