如何使用 Smart Slider 3 創建動態幻燈片？

您所有問題的答案都是肯定的，這是可能的，Smart Slider 3 可以做到所有這些：它完全免費、用戶友好，並且也適用於您的 WooVina 主題。

在本教程中，我將向您展示如何導入演示滑塊、製作自己的智能滑塊，以及如何使用 WooVina 主題創建動態帖子滑塊。

安裝智能滑塊 3

當您轉到插件→添加新的. 搜索 Smart Slider 3，然後您可以安裝它。

另一個選擇是您可以直接從 Smart Slider 3 網站下載它，然後您可以上傳它。

之後，您可以激活 Smart Slider 3：

如何創建我的第一張幻燈片？

導入演示滑塊很棒，但我想向您展示如何製作自己的滑塊。 我將向您展示如何構建全寬示例滑塊的第一張幻燈片。

首先，我在儀表板上選擇New Slider選項，然後在彈出窗口中選擇全寬模式。

我將滑塊大小設置為 1200x600px，然後創建我的滑塊。

之後，我添加了一張空幻燈片，它具有線性漸變背景色，因此我在幻燈片設置→背景選項卡中進行了設置。

為了構建幻燈片，我將使用 2 種不同的編輯模式。 其中之一是內容模式，它的工作方式類似於頁面構建器，您可以快速構建幻燈片，並且它具有出色的響應行為。 另一種編輯模式是畫布模式，您可以在其中將圖層拖動到任何地方，但您應該注意定位和響應性。

在原始滑塊上，您可以看到左側的內容：標題、文本和 2 個按鈕，右側有一張筆記本電腦圖片，在這張圖片上有一個 YouTube 視頻層。 此圖像和視頻將在畫布模式下設置，因為在此模式下，您可以將圖層放置在另一個圖層之上或之下。

我為內容設置了最大寬度，因為我不希望一行中的全寬文本沒有中斷，而且我不需要右側的內容——視頻會在那裡。 所以我會把它放在左邊。 然後我將標題、文本層和按鈕放到內容中。 我在另一側和層之間設置了更多的左填充，我放了一點邊距。

之後，我轉到圖層設置上的設計選項卡並設置字體顏色和字體系列。 對於下載按鈕，我提供了一個下載鏈接，並設置了懸停效果。

有很多選項可以設計您自己的圖層，並且您也可以使其具有響應性，例如您可以使用“em”值設置填充，因此在移動設備上這些設置也很好。

現在內容已經準備好了。

我只需要完成 2 個步驟：我將膝上型電腦圖像和 YouTube 視頻圖層以 Canvas 模式放入幻燈片中。 我只是將它拖到右側並調整它們。

我認為這種筆記本電腦+視頻的組合對於出現在移動設備中並不是那麼重要，所以我關閉了移動視圖。

現在我在響應式視圖中檢查它，我可以看到標題和文本層比我想要的大，所以我用字體大小縮放器設置了一個較低的值。

現在我準備好了第一張幻燈片。 如果我想為我的滑塊使用更多的幻燈片，我複制這個滑塊並更改視頻或圖片並替換文本就足夠了，因為結構已經完成，所以我不必從第一個開始步。

如何導入即用型滑塊？

激活 Smart Slider 3 後，您可以進入 Smart Slider 3 菜單，在那裡您將看到儀表板。 您可以添加新滑塊，也可以從此處的模板庫中選擇模板。 如果您想快速創建滑塊，最簡單的方法是導入演示滑塊。

Smart Slider 3 具有免費的演示滑塊，您可以輕鬆地將其添加到頁面中。

在模板庫中，您可以選擇要使用的滑塊，只需單擊“導入”按鈕，主題將下載到您的儀表板，您可以對其進行自定義。

使用演示幻燈片

添加新滑塊或從模板導入滑塊後，您可以向滑塊添加更多幻燈片。 只需單擊添加幻燈片按鈕。

有很多選項可以製作圖像、視頻或空滑塊，您也可以添加帖子和動態滑塊，或者您可以選擇靜態疊加，這意味著它將始終在您的滑塊和幻燈片之上，並且不會不轉。 例如，這是製作導航的好方法。

您也可以在滑塊上使用演示幻燈片，您可以自定義許多準備好的模板。 單擊庫選項並選擇您要使用的模板。

您可以在深色或淺色皮膚之間切換，也可以從類別中進行選擇。 自定義幻燈片後，您還可以更改所有內容，包括標題、文本、圖層和背景。

如何將我的滑塊插入我的 WooVina 主題？

在您的 WooVina 主題中插入 Smart Slider 3 非常簡單：

您可以使用滑塊的簡碼，輕鬆將其複制並粘貼到帖子或頁面中。

或者使用 WooVina 設置中的 WooVina Extra 插件，您可以將滑塊放在頂部欄、頁眉、標題或頁腳之前/之後。

還有另一種選擇，您可以使用 Smart Slider 3 小部件使用 Elementor 或其他頁面構建器對其進行自定義。

如何使用 Smart Slider 3 製作自定義標題？

通過製作自定義標題，您可以使用頁面構建器，我認為這是最簡單的方法。

只需導航到Theme Panel → My library選項卡，然後單擊Add New 。 （在主題面板中，您需要 Ocean Extra 插件，因此您應該添加並激活此推薦插件。）如果您使用 Elementor 頁面構建器，請在 Post Attributes 中選擇 Elementor Canvas 模板，然後您可以將滑塊添加到您的主題中。

準備好設置後，導航到外觀 → 自定義菜單 → 標題 → 常規，然後選擇您的自定義標題。 現在你有一個自己的自定義標題。

如果沒有頁面構建器，您也可以使用簡碼在主題面板中製作模板。

最後的想法

滑塊有多種使用方式，你應該決定你想要什麼。 還有很多功能，我沒有寫。 在 Pro 版本中，製作滑塊更令人興奮，因為動畫、新圖層、視差效果、形狀分隔效果和許多動態生成器，如 Facebook 或 Instagram，您可以通過它們使您的網站變得生動。