Divi 插件亮點 - 任何滑塊

標準的 Divi 滑塊模塊是一個功能強大的滑塊。 功能包括標題、按鈕、文本、媒體、鏈接、背景、覆蓋等。 如果您想使用 Divi Builder 創建佈局並將它們放置在幻燈片中怎麼辦？ 這正是Anything Slider 所做的。

任何滑塊是 CakeWP 的第三方插件，可讓您在幻燈片中使用 Divi 佈局。 你可以用它做更多的事情，而不僅僅是滑塊。 它還包括 AS Menu 模塊，可與滑塊模塊結合使用以創建：

• 標籤
• 旋轉木馬
• 互動部分
• 定價切換
• 可過濾的畫廊
• 交互式 CTA
• 可過濾產品
• 一個網頁

任何滑塊都適用於 Divi、Extra 和 Divi Builder 插件。 在這個插件亮點中，我們將看看Anything Slider 可以做什麼。 圖片來自 Unsplash.com。

• 有關購買信息，請訪問 CakeWP.com。

安裝任何滑塊

像任何高級插件一樣上傳和激活插件。 激活後，將鼠標懸停在儀表板中的插件菜單上，然後選擇任何滑塊許可證。 輸入您的許可證密鑰並選擇激活許可證。 接下來選擇保存更改。

Divi Builder 中添加了兩個新模塊：Anything Slider 和 AS Menu。 他們可以一起創造一些有趣的設計。

任何滑塊模塊設置

設置包括新幻燈片、下一個/上一個控件、點控件、懸停時顯示控件、循環滑塊、動畫、高度、鼠標拖動等。“設計”選項卡包括下一個和上一個控件的自定義樣式、每個屏幕的幻燈片數量、之間的邊距幻燈片、圓點顏色等。

任何滑塊滑動設置

單擊添加新幻燈片。 在這裡，您將看到一個名為“幻燈片佈局”的下拉菜單，您可以在其中選擇幻燈片的佈局。 這些可以是預製佈局、您構建並保存到庫中的佈局或您上傳的佈局。

AS 菜單滑塊模塊設置

設置包括菜單方向、對齊方式等。設計選項卡包括字體、間距、背景、顏色等。 您將通過單擊添加新菜單項來創建菜單項。 您將粘貼 URL、選擇圖標、選擇圖像等。

任何滑塊入門套件

任何 Slider 使用佈局來創建幻燈片。 為了幫助您入門，您可以從開發人員的網站下載許多免費的入門工具包和佈局包。 將它們導入 Divi 庫以使用它們。

創建自定義滑塊

我已經創建了一些自己的佈局，並選擇了每個佈局作為幻燈片。 您可以根據需要添加任意數量的幻燈片。 我發現最好給它們貼上標籤，這樣您就可以在想要進行更改時知道哪張幻燈片是哪張幻燈片。

這張幻燈片包括一個圖像和酒吧櫃檯。 您可以看到左上角的圓點導航和兩側的滑塊控件。 在這個例子中，我的鼠標懸停在左導航按鈕上。 所有的樣式都是可定制的。

動畫

幻燈片可以設置動畫，您可以讓它們自動滑動或不滑動。 它包括進出動畫。 它有近 80 個動畫，包括所有基礎動畫，如彈跳、橡皮筋、果凍、脈衝、搖晃、多田、擺動、擺動、淡入淡出、翻轉、旋轉、縮放等等。 您可以讓動畫在懸停時停止。

導航按鈕

導航按鈕可以獨立設置樣式。 為圖標、邊框、顏色等設置正常和懸停樣式。

在這個例子中，我獨立地設計了導航按鈕的樣式並增加了點的大小（你可以為點指定任何你想要的像素大小）。 懸停動畫會更改顏色和邊框半徑。 它包括與大多數 Divi 模塊相同的樣式功能。

按鈕和圓點已移至右側，按鈕位於頂部，圓點位於底部。 您可以將它們放在兩側或左側、中間或右側作為頂部或底部。 如果您願意，也可以關閉它們中的每一個。 在按鈕和點之間，它有很多佈局選項的組合。

AS 菜單模塊

AS Menu 模塊非常適合添加更多導航選項，並且可以使用圖標和圖像。 它包括水平和垂直方向選項，可以像任何其他模塊一樣設置樣式。

AS 菜單模塊創建一個菜單，以便您的訪問者可以瀏覽幻燈片。 幻燈片本身在 URL 末尾（在瀏覽器的地址欄中）包含一個導航標籤。 對每個菜單項使用此標籤。 在此示例中，幻燈片的 URL 標記為 #s_1。

我將菜單放在底部，增加了字體大小，並添加了背景以使其脫穎而出。 這些詞是可點擊的，但在這個例子中，它們看起來不像按鈕。 這很容易改變。

我添加了一些自定義填充並調整了懸停和背景顏色。

我還從滑塊中刪除了導航按鈕，並將 AS Menu 模塊放在頂部。 菜單以水平方向顯示。 帶有背景顏色的填充會在文本周圍創建框。 使用填充，您可以根據需要使按鈕變大。

我將佈局調整為 2 列（3/4 + 1/4）並將菜單方向設置為垂直。

側面的菜單創造了一些有趣的可能性，尤其是當您考慮模塊的圖像和圖標功能時。 讓我們看看我們可以用它做什麼。

創建一個獨特的頁面

您可以使用滑塊創建完整頁面，然後使用按鈕和點導航或菜單模塊在它們之間自動滑動。 在這個例子中，我創建了一個新的全角頁面，左邊 1/4 處有一個 AS 菜單模塊，右邊 3/4 處有一個任意滑塊。 我在該部分添加了一個帶有疊加層的背景圖像，以幫助一目了然地直觀地描述網站。

對於這個例子，我想使用 AS Menu 模塊的圖像功能。 對於這個菜單，我為每個菜單項添加圖像。 它還包括圖標，可以與圖像一起使用或單獨使用。

對於幻燈片，我使用單個博客模塊創建了佈局，並選擇了一個類別。

AS Slider 模塊會將所有博客佈局顯示為單獨的幻燈片。 我已經關閉了下一個/上一個和點控件。

滑塊顯示每個類別的博客模塊，而左側的菜單（設置為垂直方向）顯示類別的圖像並用作幻燈片之間的導航。 滑塊設置為在幻燈片中旋轉以顯示每個類別的最新帖子。 這意味著除了導航之外的整個主頁都是一個滑塊。 當然，菜單也可以放在上方、下方或右側。

任何滑塊文檔

CakeWP 的網站上提供了文檔，其中包括帶有圖像的概述和一些視頻，包括入門指南和教程。 它還包括演示，以幫助您了解如何使用這些模塊。

許可、支持和更新

根據您選擇的許可證，該插件可以在您和您的客戶的網站上使用。 共有三種許可證可供選擇：

• 1 個站點 – $30.00
• 5 個站點 – $50.00
• 無限站點 – $120.00

所有許可證都包括一年的支持和更新。

• 有關購買信息，請訪問 CakeWP.com。

最後的想法

任何滑塊都是一個有趣的模塊。 將 Divi 佈局用作幻燈片的能力開闢了許多設計可能性。 我特別喜歡在菜單模塊中使用圖像。 這些模塊易於使用，文檔提供了逐步指導以幫助您入門。

如果您有興趣將您的滑塊擴展到標準的 Divi 滑塊之外，Anything Slider 可能是您想要的插件。

我們想听聽您的意見。 你用過任何滑塊嗎？ 請在評論中告訴我們您的體驗。

特色圖片來自 VectorsMarket/shutterstock.com