Divi 產品亮點：Divi Essential

Divi Essential 是一個插件，它向 Divi Builder 添加了 60 多個新模塊，擴展了您可以構建的設計的可能性。 使用此插件，您可以添加高級選項卡、內容切換、動態滑塊、獨特的圖像和內容模塊、團隊部分、社交模塊等等。 每個模塊都具有強大的功能和廣泛的設計選項，使設計複雜的佈局變得輕而易舉。

Divi Essential 還可以訪問 600 多個利用模塊的預製部分佈局、30 個入門佈局和 6 個多頁面完整模板。 這些佈局都可以從 Divi Essential 網站下載，可以幫助您加快設計過程。 在這篇文章中，我們將仔細研究 Divi Essential，以幫助您確定它是否適合您。

讓我們開始吧！

安裝 Divi Essential

Divi Essential 以 .ZIP 插件文件形式提供。 要安裝該插件，請在 WordPress 儀表板中打開插件頁面，然後單擊“新增”。 單擊“選擇文件”並從計算機中選擇插件文件，然後單擊“立即安裝”。

安裝插件後，激活插件。

Divi Essential 向 Divi Builder 添加了 65 個新模塊。 您可以通過單擊插入模塊菜單中的 Divi Essential 模塊按鈕或搜索“下一步”來訪問添加的模塊，這將顯示所有 Divi Essential 模塊。

Divi 基本模塊

60 多個新模塊為 Divi Builder 添加了大量功能。 每個模塊都附帶內容、設計和高級選項，可完全自定義外觀和功能。 讓我們使用 Divi Essential 的預製佈局仔細研究其中一些模塊。

創意模塊

您可以將 10 個不同的創意模塊添加到您的頁面中。 每個模塊都會為您的佈局添加一些獨特的功能或設計。 除了我將在下面重點介紹的模塊之外，Divi Essential 還附帶了用於添加浮動元素、獨特分隔線、促銷框、Lottie 動畫和用於演示流程的步驟流程部分的模塊。

下一個高級選項卡

高級選項卡模塊允許您創建水平和垂直選項卡式內容部分。 您可以為每個選項卡設置標題、副標題和圖標/圖像。 此示例是高級選項卡佈局 1。

在每個選項卡的正文中，您可以選擇要顯示的 Divi 庫佈局，也可以通過編輯標題、說明、圖像/圖標和按鈕來添加內容。

該模塊為整個模塊以及各個選項卡提供了廣泛的設計設置。 您可以自定義設計的各個方面，為元素選擇不同的懸停效果，為所選選項卡設置活動樣式等等。

下一個營業時間

該模塊可以輕鬆地在您的網站上顯示您的營業時間。 圖中的示例是設計佈局 2。您可以將一周中的每一天添加為模塊中的一個項目。 每個項目都可以單獨自定義，或者您可以使用模塊設計選項將樣式應用到每個項目。

下一個內容切換

內容切換模塊向您的頁面添加一個切換開關，您可以使用它在內容之間切換。 在此示例（佈局 2）中，切換開關用於在顯示單個許可證或終身許可證的詳細信息之間進行切換。

您可以選擇將 Divi 庫項目添加到切換部分，也可以在模塊設置中添加內容。 您可以自定義每個部分的設計以及切換開關的設計。

下一個圖像熱點

使用此模塊，您可以將熱點添加到圖像中，以在懸停時顯示內容。 您可以添加將要顯示的文本和圖像，並且可以使用設計選項自定義每個元素。 可以輕鬆更改熱點圖標和顏色，並且可以通過更改設計設置中的水平和垂直位置來設置熱點位置。 下面的示例是佈局 1。

下一個時間線

時間線模塊可用於直觀地表示事件、組織的歷史、流程等等。 在時間線模塊中，您可以添加單獨的時間線元素，其中包含每個時間線部分。 您可以向每個時間線元素添加文本、圖像、按鈕和圖標。 每個元素都可以在設計選項卡中自定義，使您可以創建獨特的時間軸設計。 下圖是時間線佈局11。

滑塊模塊

您可以使用 Divi Essential 將六種不同的滑塊模塊添加到您的網站。 您可以添加徽標輪播、圖像和文本輪播、3D 立方體滑塊、圖庫滑塊、推薦輪播和帖子輪播。 讓我們仔細看看幾個滑塊模塊。

3D 立方體滑塊

3D立方體滑塊模塊添加了一個具有3D立方體效果的翻轉滑塊。 您可以使用圖像、文本和背景自定義每張幻燈片。 在滑塊設置中，您可以更改自動播放、導航和效果設置以及任何設計選項。 圖中的示例是佈局 4。

下一個 Divi 輪播

這是輪播佈局 17。您可以選擇四種佈局：圖像、文本、圖像內文本或圖像下文本。 這允許許多多功能的佈局。

您可以完全控制每個輪播項目以及輪播模塊本身的佈局和設計。 您可以更改輪播自動播放設置、更改導航設置、修改效果、添加燈箱功能等等。

圖像模塊

Divi Essential 擁有 12 種不同的圖像模塊，為您提供多種方式在網站上創造性地顯示圖像。 您可以添加圖像放大器、磚石佈局、向圖像添加不同加載和懸停效果的模塊、圖像懸停框、前後滑塊等。 讓我們看一下幾個圖像模塊。

下一步 之前 之後

之前和之後模塊允許您顯示之前和之後的照片，並通過可拖動的滑塊顯示該照片。 此佈局位於佈局 4 之前和之後。

您可以設置前後圖像、修改標籤、更改滑塊方向和功能以及自定義設計。

下一個圓形圖像懸停

使用圓形圖像懸停模塊，您可以創建一個圓形圖像，以懸停效果顯示內容。

有 19 種不同的懸停效果和 4 種不同的懸停方向可供選擇，為您的設計提供了很大的靈活性。

下一張圖片手風琴

圖像手風琴模塊為您的設計添加了交互式圖像手風琴。 當您將鼠標懸停在手風琴中的一張圖像上時，它將展開並顯示內容。 您可以選擇為每個圖像添加圖標、標題、描述和按鈕。 在此示例中，第三個圖像設置為在頁面加載時打開。 如果您將鼠標懸停在另一張圖像上，它會展開並保持展開狀態。

您可以將手風琴設置為在懸停或單擊時移動，並且可以將其設置為垂直或水平打開。

內容模塊

內容類別中有 19 個模塊。 所有這些都可用於動態顯示您的內容並創建迷人的佈局。 您可以添加框和簡介、具有不同文本效果的模塊、按鈕、博客文章滑塊等。 讓我們看一下其中的一些模塊。

下一個 3D 翻蓋盒

3D 翻轉框模塊允許您擁有一個懸停時翻轉並具有 3D 效果的動態框。 您可以在盒子的背面有不同的設計。 此示例是佈局 7。

在模塊設置中，您可以自定義正面和背面的元素。 您可以添加圖標、圖像、標題文本、正文文本和按鈕。 在設計選項卡中，您可以自定義每個元素的外觀。

下一篇簡介

簡介模塊用途廣泛，提供許多內容和設計選項，您可以使用它們來創建獨特的佈局。 這裡使用的示例簡介是佈局 11。它具有懸停時隨鼠標移動的傾斜效果。

在模塊設置中，您可以啟用前標題、設置標題文本和標題標籤、啟用後標題文本、添加說明、添加圖像和圖標以及添加按鈕。 您可以使用廣泛的設計選項添加圖像蒙版、獨特的懸停效果到簡介或按鈕等。

下一個按鈕

按鈕模塊包含許多選項，可以為按鈕添加引人入勝的效果。 您可以添加背景過渡、懸停效果、圖標懸停效果、描邊效果、2d 效果、設置背景圖像、添加背景 gif 等。 在此示例中，我使用具有 2d 效果的按鈕集合。 您可以看到“增長旋轉”按鈕如何增大尺寸並在懸停時輕微旋轉。

下一個文本動畫

通過文本動畫模塊，您可以為文本添加各種動畫效果。 這是示例佈局 10，它具有打字效果。 您可以設置前後文本、添加動畫文本並選擇動畫效果。 可以在設計選項卡中進一步自定義文本樣式。

下一個文本顏色運動

文本顏色運動模塊允許您對文本顏色進行動畫處理。 此示例是佈局 9。

您可以從多種不同的動畫樣式中進行選擇，並選擇四種不同的文本顏色來創建引人注目的漸變效果。

團隊模塊

Divi Essential 附帶 5 個不同的團隊模塊，讓您可以通過獨特的部分和效果來展示您的團隊成員。

下一支球隊疊加卡

通過團隊疊加卡模塊，您可以通過懸停時顯示的疊加層來展示您的團隊成員，並顯示其他內容，例如描述或社交媒體圖標。 所示示例為佈局 1，其具有弧形邊框，增添了獨特的觸感。

下一個團隊社交展示

通過此模塊，社交媒體圖標會在懸停時顯示在團隊成員描述部分下方。 此示例為佈局 1。

社交模塊

Divi Essential 添加了將社交媒體連接到您的網站的方法。 對於 Facebook，您可以添加以下模塊：分享、點贊、嵌入視頻、評論、嵌入評論、嵌入帖子和嵌入頁面。 對於 Twitter，您可以添加時間線、推文、Twitter 按鈕或關注按鈕。

下一條FB評論

這是 Facebook 評論模塊。 您可以使用此模塊允許用戶使用他們的 Facebook 帳戶評論您的網站內容。 可以使用設計選項卡中的選項自定義設計。

下一個 Twitter 時間線

該模塊允許您將 Twitter 時間線添加到您的頁面。 您只需設置 Twitter 帳戶用戶名，時間線就會出現。 您可以使用設計設置自定義時間線。

複習模塊

您可以使用三個評論模塊在您的網站上顯示客戶評論和推薦。

下一個迪維評論

評論模塊允許您將客戶評論添加到您的頁面。 您可以添加名稱、職位和描述，還可以為每個模塊設置星級評價。 這是佈局示例 1。

下一個推薦滑塊

使用此模塊，您可以添加滑塊來展示您的客戶推薦和評論。 這是佈局 11。每張推薦幻燈片都作為一個項目添加到模塊中，這意味著您可以單獨自定義每張幻燈片的設計，也可以自定義整個幻燈片的設計。 您可以向每張幻燈片添加評級、文本和圖像。 在滑塊設置中，您可以選擇讓滑塊自動播放、調整滑塊過渡設置以及更改導航設置。 設計選項卡中的選項允許您根據自己的喜好自定義滑塊的外觀。

Divi 基本入門佈局

除了我們上面探討的模塊和模塊佈局之外，Divi Essential 還附帶 30 個可供您使用的入門單頁佈局。 讓我們仔細看看其中一個。

遊覽佈局

這是遊覽佈局。 設計充滿動畫和互動元素。 標題使用多標題模塊並帶有顯示效果。 下面是一個徽標輪播、三個簡介和一個顯示目的地的輪播。 接下來是一個帶有浮動圖像的部分，右側有一些內容和數字計數器。 地圖部分利用熱點模塊來精確定位目的地並在懸停時顯示信息。 最後，還有一個推薦滑塊、一個時事通訊註冊和一個頁腳。

Divi 基本預建網站

Divi Essential 還可以訪問 6 個包含多個頁面的完整網站模板。

園丁模板

讓我們看一下園丁模板的主頁。 除此頁面外，模板還包括以下頁面：關於我們、服務、圖庫、項目、項目詳細信息和聯繫方式。

該頁面打開時會顯示一個英雄部分，其中包含多個標題、大圖像、浮動元素、按鈕和多個背景圖形。 下一部分將介紹四個突出服務的簡介模塊。 接下來是另一個部分，其中包含一些具有浮動效果的文本和圖像。 標題內容有顯示動畫。 下面的服務部分還利用了 Divi Essential 簡介模塊，後面是帶有旋轉動畫的浮動元素和可在懸停時展開並顯示內容的圖像手風琴。

接下來是具有簡介模塊的另一個部分，後面是具有全角背景圖像和浮動圖形的部分。 下面有一個定價表部分，

繼續主頁，有一個徽標滑塊和一個之前/之後滑塊，然後是一個推薦滑塊。 最後，該頁面以時事通訊註冊表單結束。

哪裡可以購買 Divi Essential

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

最後的想法

Divi Essential 包含許多模塊，可為您的網站添加新功能和動態佈局。 每個模塊的可定制性和廣泛的選項給我留下了深刻的印象。 演示佈局、入門單頁佈局以及 Divi Essential 附帶的預構建網站模板似乎都是高質量的設計，您可以根據自己的設計目的輕鬆使用和修改。 如果您正在尋找一款能夠擴展 Divi 設計可能性的一體化插件，那麼 Divi Essential 是一個不錯的選擇。

我們很想听到您的聲音！ 您嘗試過 Divi Essential 嗎？ 請在評論中告訴我們您的想法！