Divi 插件亮點:Divi Essential

已發表: 2020-12-28

特色插件現已在 Divi 市場發售

Divi Essential 可在 Divi Marketplace 購買! 這意味著它已通過我們的審查,並被發現符合我們的質量標準。 您可以在市場中訪問 Divi Next 以查看他們所有可用的產品。 從 Divi 市場購買的產品具有無限的網站使用和 30 天退款保證(就像 Divi 一樣)。

在 Divi 市場購買

Divi Essential 是 Divi 的第三方插件,它為 Divi Builder 添加了 60 多個新模塊。 這些模塊包括許多動畫和設計功能,使您的 Divi 網站具有專業外觀。 在此插件亮點中,我們將查看 Divi Essential 並查看它具有哪些類型的模塊,以幫助您確定它是否適合您的 Divi 需求。

Divi 基本模塊

Divi 基本模塊

正常上傳並激活插件。 不需要其他設置。 Divi Essential 為 Divi Builder 添加了 60 多個新模塊。 在模塊列表中,它們是藍色的,懸停時向一側顯示紫色漸變。 他們的名字是描述性的,很容易理解他們可以做什麼。 有幾個名稱起初並不那麼容易理解,但是一旦您將模塊加載到您的頁面上,它們的用途就很明顯了。 我們將看看一些突出的模塊。

下一個 3D 立方體滑塊

3D Cube Slider 在立方體的側面顯示幻燈片。 然後立方體旋轉以顯示下一張幻燈片。 每張幻燈片都是用子模塊創建的。 您可以一起或單獨設置它們的樣式。 與真正的立方體不同,您可以擁有任意多的邊(或幻燈片)。

下一個模糊

下一個模糊

Next Blurb 類似於標準的模糊模塊,但它添加了幾個新元素,包括前後標題文本、多個背景以及 2D 和傾斜懸停效果。 在本例中,我添加了多種背景顏色並啟用了傾斜效果。 平鋪還可以包括眩光和反向傾斜。

下一個按鈕

Next Button 的工作方式類似於標準按鈕,但它有很多懸停設置。 為顏色、邊框和圖標指定不同的大小、顏色和動畫。

下一個圓形圖像

下一個圓形圖像

圓形圖像在圓圈內顯示圖像,並包含許多懸停選項。 當您將鼠標懸停在圖像上時,它將執行動畫並顯示帶有標題和內容的疊加層。 內容是使用標准文本編輯器創建的,因此可以包含媒體和代碼。 有 19 種懸停效果可供選擇,您可以選擇懸停方向。 您還可以為圖像添加彩色邊緣。

下一個 Coverflow 滑塊

下一個 Coverflow 滑塊

Coverflow Slider 是一個有趣的滑塊,它將幻燈片顯示為彼此重疊的圖像。 當前幻燈片是最大的並且靠近中心放置。 其他人離當前幻燈片越遠,它們就越小。 當滑塊切換到下一張幻燈片時,幻燈片會移動,因此中間的那個是最大的。

下一次 Divi 評論

下一次 Divi 評論

Divi Review 可以用作個人模塊和產品評論模塊。 這個模塊在審查和評級服務時會很好地工作。 它包括圖像、評級系統和帶有名稱、位置和描述的文本。 默認情況下,它具有邊框和框陰影。

下一個分隔線

下一個分隔線

Next Divider 讓您可以使用帶有圖標或圖像的分隔線,然後設置各個元素的樣式。 選擇圖像放置、更改分隔線的大小、調整其顏色、間隙等。這是顯示文章作者、團隊成員、產品等的不錯選擇。 在這個例子中,我添加了一個圖像並增加了寬度。

下一個雙按鈕

雙按鈕很有趣。 它有兩個按鈕,您可以獨立設置樣式。 它們包括許多懸停效果。 我將這兩個按鈕加在一起,並賦予每個按鈕不同的懸停效果。

下一個功能列表

下一個功能列表

功能列表允許您使用子模塊創建列表。 顯示圖標或圖像,調整圖標、圖像和文本的大小,並單獨或一起自定義每個元素。 在此示例中,我添加了圖像,增加了圖像和文本的大小,更改了一個子模塊的文本顏色,並賦予了另一個子模塊以及邊框和背景顏色。

下一個圖像懸停框

圖像懸停框顯示圖像,然後將懸停時的圖像替換為背景覆蓋、標題和內容。 您可以向所需的內容添加任何內容,並為每個元素設置樣式。 從 13 種懸停效果和 4 個方向中進行選擇。 動畫很有趣。 圖像可以旋轉、翻轉、旋轉、縮放等。

下一個圖像圖標效果

下一個圖像圖標效果

圖像圖標效果允許您啟用最多四個圖標,這些圖標添加到懸停時出現在圖像底部的疊加層中。 疊加層還顯示標題和文本。 圖標可以是鏈接,如上例中的鏈接。 這是一種向圖像添加社交關注按鈕或其他鏈接的有趣方式。

下一張圖片滾動

圖像滾動將圖像放置在比圖像短的窗口中。 當您將鼠標懸停在圖像上時,它將在窗口內滾動以顯示圖像的其餘部分。 它包括一個覆蓋層和一個按鈕。 懸停時覆蓋消失。 這非常適合展示諸如 Divi 佈局、位置地圖或其他類型的高大圖像之類的產品。

下一個砌體畫廊

下一個砌體畫廊

Masonry Gallery 在網格中顯示一個畫廊。 每個圖像都被調整大小以適應網格。 您可以設置列數、裝訂線的寬度、為圖像添加邊框、自定義疊加層以及將它們設置為任何圖像的樣式。 單擊圖像會在燈箱中打開它。

下一個超級圖像效果

下一個超級圖像效果

Mega Image Effect 顯示圖像並在懸停時將其替換為覆蓋和按鈕。

下一個超級圖像效果

它包括懸停背景和按鈕背景設置。 這是懸停在圖像上時的疊加層。 它還具有懸停效果和文本選擇效果。 我已將覆蓋設置為藍色,將文本設置為白色。

下一個促銷盒

下一個促銷盒

Promo Box 是最有趣的模塊之一。 它是一個產品展示模塊,包括圖像、標題、前後標題文本、描述、按鈕和優惠徽章。 該優惠顯示折扣百分比,非常適合進行銷售。 每個元素都可以單獨設置樣式。

下一步流程

下一步流程

Step Flow 是一個有趣的介紹模塊。 它顯示包含圖像或圖標、箭頭、徽章和內容的步驟。 箭頭可以指向任何方向,您可以調整文本、箭頭、徽章和圓圈的樣式。 如果您想按編號順序顯示步驟並將每個步驟指向下一個,這非常有用。

下一個時間表

下一個時間表

時間軸以交替佈局在時間軸上顯示卡片。 這些卡作為子模塊添加。 顯示圖像或圖標,添加您想要的任何類型的內容,啟用或禁用按鈕,並獨立設置每個元素的樣式。 我用深藍色背景、白色文本和淺藍色按鈕設計了第一張卡片。 我將第二張卡保留為默認設置。

購買 Divi Essential

購買 Divi Essential

Divi Essential 可在 Divi Marketplace 購買。 它包括 60 多個模塊,並且可以使用這些模塊訪問 500 多個專業設計的佈局。 無限制使用網站的正常費用為 79 美元,包括 1 年的支持和更新。

結束的想法

這就是我們對 Divi Essential 的看法。 Divi 的這個第三方插件中有很多模塊和選項。 我只是觸及了他們可以做的事情的皮毛。 使用模塊及其設置與任何 Divi 模塊一樣直觀。

其中一些,例如團隊成員模塊或文本模塊,似乎可以將它們與選項組合在一起作為模塊內的選擇。 這並沒有消除它們提供的大量選項,並且可能使它們更易於使用,因為您可以加載具有所需確切功能的模塊。

這個插件中有很多模塊和選項。 如果您有興趣向 Divi 網站添加大量新模塊,Divi Essential 是一個不錯的選擇。

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

精選圖片來自 Inspiring / shutterstock.com