Divi 插件亮點：DP 推薦滑塊

推薦信是商業網站最重要的元素之一。 有幾種方法可以使用 Divi 構建優雅的推薦，包括推薦模塊、簡介模塊、文本和圖像的組合等。 另一種選擇是使用提供推薦管理和內置佈局的第三方插件，例如 DP Testimonials Slider。

DP Testimonials Slider 創建了一個名為 jvt_testimonials 的新自定義帖子類型。 它允許您在編輯器中創建您的推薦，然後提供三個模塊來顯示這些推薦。 您可以選擇顯示所有推薦、限制顯示的數量以及顯示特定類別。 每個模塊都包含多種佈局可供選擇，您可以為其設置樣式。

我們來看看插件。

DP 感言

儀表板中添加了一個名為Testimonials 的新菜單項。 單擊它會顯示您創建的推薦列表。

選擇添加推薦，您將看到可以在其中創建推薦的編輯器。 它包括內容、類別、圖像和推薦信息。 無論您使用的是古騰堡還是經典編輯器，這都是您獲得的編輯器。

推薦類別就像帖子類別一樣工作。 在這裡，您可以創建和編輯它們。

DP 推薦滑塊模塊

Divi Builder 中添加了三個模塊：

DP 推薦網格視圖

DP 推薦網格視圖包括從 3 個選項中選擇佈局的設置、設置顯示的推薦數量、顯示和样式引用圖標、顯示圖像、顯示引用鏈接、選擇類別、調整分頁顏色、鏈接， 等等。

它還包括標準的設計和高級設置。 CSS 允許您定位名稱、公司名稱和描述。 每個模塊都包含這些設置。

DP 推薦列表視圖

該DP推薦列表視圖包括2佈局，並增加了一個ORDER BY選項，讓您為了通過鑑定，標題，或隨機的年齡。

DP 推薦滑塊

DP Testimonial Slider包括 56 種佈局並添加了滑塊控件。 它包括排序方式、自動播放、速度、分頁、鼠標懸停時停止滑動和顯示內容限制。

DP 推薦表格視圖示例

這是顯示 3 個推薦的佈局 1。 它創建帶圓圈的圖像，並在帶有陰影效果的卡片中顯示每個推薦。 我已將其他所有內容保留為默認設置。

在這個例子中，我正在處理佈局 2。它添加了一個帶有漸變的背景。 我將其保留為默認設置，並調整了文本顏色、大小和粗細以及圖標顏色。 我還將其設置為以隨機順序顯示推薦。

在已發布的視圖中，圖像是圓形的，它們與包含推薦的框重疊。 當您將鼠標懸停在圖像上時，圖像會旋轉，如您在此處所見。

DP 推薦列表查看示例

這是列表視圖的佈局 1。 我已將所有內容保留為默認設置。

佈局 2 減小了圖像的尺寸，並添加了帶有兩個圓角的優雅盒子設計。 它顯示懸停時的陰影效果。

DP 推薦滑塊示例

對於滑塊，我必須使用 Classic Divi Builder。 與其他兩個模塊不同，該模塊在使用 New Divi Builder 或 Visual Builder 時不會出現。 它有 54 種佈局。 我們不看所有這些，而是看一些。

這是佈局 1。它創建帶圓圈的圖像，不包括幻燈片的導航。 您可以調整項目符號顏色。

這是佈局 2。我添加了框陰影，使其與背景分開，並將文本限制為 50 個字符。 樣式是默認的。

這是佈局 3。它刪除了圖像。 我包括了上一個示例中的框陰影和字符限制。

這是使用默認設置的佈局 4。 我會看看我能對造型做些什麼。

當您選擇佈局時，該佈局的樣式選項會顯示在顏色設置中。 您可以選擇不同的佈局，調整其設置，然後返回任何佈局，其設置仍然存在。

我添加了一個背景，所以顏色更突出一點。

這是佈局 5。我為該部分添加了一個略帶灰色的背景，滑塊採用了該背景。

這是佈局 6。它顯示每張幻燈片的兩個推薦。

這是佈局 7。我正在展示完整的推薦文本。 我喜歡與推薦框重疊的圖像。

這是佈局8。我喜歡這個設計。

這是佈局 9。它的佈局類似於 8，但它有自己的設計隊列。

這是佈局 10。它在作者周圍創建了一個漂亮的框並添加了兩組引號。

對於這個集合，我使用兩列佈局來顯示兩個模塊。 左邊的一個是Layout 11，右邊的是Layout 12。Layout 11增加了標準樣式的導航。

這是佈局 14。它還包括帖子導航按鈕。

這是另一個兩列佈局，左側為 Layout 53，右側為 Layout 54。 佈局 54 有一個有趣的滑塊動畫 - 幻燈片縮小，快速移動到一邊，而另一個就位，新幻燈片增長以填充空間。

這是佈局 55。它添加了一些角樣式並為名稱創建了一個橫幅。 我喜歡顏色的使用。 這包括與佈局 54 相同的動畫。

這是佈局 56。它刪除圖像並創建一個帶有名稱橫幅的漂亮框。

Caldera 表單集成

出版商的網站包括一個 Caldera 表格模板，用於創建推薦提交表格。 它包含在可下載的文檔中，並包含使用說明。

使用此表單，任何人都可以通過該表單提交推薦，並將其保存為草稿供您查看。 它還會向管理員發送一封包含所有信息的電子郵件。

許可證和文件

DP Testimonials Slider 可從開發人員的網站獲得。 提供三種許可證：

• 1 個站點 – 30 美元
• 5 個站點 – 40 美元
• 無限站點 – 50 美元

文檔在插件的銷售頁面上作為可下載文件提供。 它包括使用插件的演練、使用 Caldera Forms 的說明和 Caldera Forms 模板。

結束的想法

DP Testimonials Slider 創建了一些優雅的推薦。 創建推薦書和使用這三個模塊非常直觀。 網格和列表視圖模塊在新的後端編輯器中運行良好。 對於滑塊模塊，我確實必須使用經典構建器。 所有三個插件在經典構建器中都運行良好，因此如果您可以訪問它，那麼在將前端功能添加到滑塊模塊之前，我建議您這樣做。

即使使用 Caldera Forms 模板也幾乎毫不費力。 我剛剛導入了 JSON 文件，它在第一次嘗試時就成功了。

我遇到的唯一問題是在模塊中顯示背景。 部分和行背景與推薦書一起顯示，沒有問題。 此外，目前尚不清楚在推薦書中將在哪裡使用社交鏈接。 它們也不會顯示在出版商網站上的演示中。

我對滑塊模塊的佈局數量印象深刻。 我也喜歡他們的動畫。 許多從側面滑動，但還有許多其他滑動動畫，包括自上而下、縮小、增長等。即將到來的更新將添加一個小部件和一個短代碼。

如果您有興趣管理您的推薦並使用模塊顯示它們，DP Testimonials Slider 值得一看。

我們希望聽到您的意見。 您是否嘗試過 DP 推薦滑塊？ 請在評論中告訴我們您的體驗。

精選圖片來自 Blan-k/shutterstock.com