從滑塊革命轉向智能滑塊 3

已發表: 2023-06-08

對於製作滑塊,兩個備受推崇的插件是 Smart Slider 和 Slider Revolution。 它們都非常強大,可以讓你製作出令人驚嘆的滑塊。 另一方面,您可以決定切換到智能滑塊。 這會提示詢問如何從 Slider Revolution 切換。

讓滑塊工作的最快方法是什麼?

我怎樣才能擺脫滑塊革命?

在開始傳輸過程之前,了解 Smart Slider 和 Slider Revolution 之間的主要區別至關重要。 您工作的“級別”是兩個插件之間最重要的差異之一。 儀表板和幻燈片編輯器是 Slider Revolution 的兩層。

您創建的每個模塊都顯示在儀表板上。 可以選擇任何模塊來訪問其配置。 在一個屏幕上,一切都在發生。 您修改層的右側面板也是您可以設置模塊的地方,包括其大小和佈局。

三層組成了智能滑塊——儀表板是您可以看到您製作的滑塊的第一個地方。 訪問任何滑塊後,您將到達滑塊設置頁面。 在這裡,您可以通過更改其尺寸、設計或控件來自定義滑塊。

您的幻燈片列表位於本頁頂部。 您需要先訪問幻燈片編輯器才能使用圖層。 通過單擊任何一張幻燈片,您可以做到這一點。 您可以在此處更改幻燈片的背景。 在此頁面上,您還可以添加和修改圖層配置。

這兩個插件之間存在顯著差異,儘管它們都提供許多相同的功能。

例如,它們的用戶界面非常不同,因此很難在它們之間導航。 我將在本指南中介紹兩個插件之間最顯著的區別,以便您可以開始構建滑塊。

在這篇博客中,我們將介紹這些給定的要點

  • 智能滑塊能自動識別滑塊旋轉中的滑塊嗎?
  • 您的第一個滑塊創建
  • 如何構建滑塊?
  • 如何更改滑塊大小?
  • 更改滑塊佈局和類型
  • 激活和自定義自動播放
  • 智能滑塊如何處理圖層?
  • 最常用的圖層
  • layer是怎麼設計的?
  • 在圖層中添加動畫
  • 將滑塊放在網站上
智能滑塊能自動識別滑塊旋轉中的滑塊嗎?

每個插件都有處理和存儲數據的獨特方法。 因此,您在一個插件中製作的滑塊將不會被 Smart Slider 或 Revolution Slider 識別。

不幸的是,手動移動 Slider Revolution 滑塊不是一種選擇。 為了在 Smart Slider 中使用您之前在 Revolution Slider 中生成的滑塊,您必須重新構造它們。

您的第一個滑塊創建

製作滑塊是滑塊程序最重要的工作之一。 不過,每個滑塊插件都有一些不同的確切過程。 例如,在構建滑塊之前,他們可以請求更多信息(例如名稱或某些尺寸)。 或者,他們可以只使用默認設置而不問任何問題。

如何構建滑塊?

要開始在 Smart Slider 中構建滑塊,請單擊“新建項目”圖標。 然後,該插件會提示您在從頭開始還是導入模板之間進行選擇。 如果您選擇從頭開始,則必須決定要製作哪種滑塊。 例如,您必須決定滑塊的類型、大小和佈局。

Simple slider、Block、Showcase 和 Carousel 是 Smart Slider 提供的四種滑塊類型。 Slider Revolution 中的 Slider 類型等同於 Simple 類型。 塊和場景是相同的。 Showcase 就是 Smart Slider 所說的 Revolution Slider 中的 Carousel。

Smart Slider 使用的 Carousel 類型與 Showcase 類型相當。 主要區別在於它只能顯示未裁剪的幻燈片。 它還能夠顯示偶數張幻燈片。

(圖像 - 旋轉木馬和單個滑塊圖像)

如何更改滑塊大小?

在創建新滑塊之前,Smart Slider 會提示您指定其大小。 如有必要,您可以隨時在滑塊設置大小選項卡下進行調整。

更改滑塊佈局和類型

在生成滑塊之前,Smart Slider 會提示您選擇其類型和佈局。 如果您做出錯誤的選擇/改變主意,您可以選擇稍後更改它們。

導航到“滑塊設置大小”選項卡以修改滑塊的佈局。 如果您需要不同的滑塊類型,請在滑塊操作更改滑塊類型下更改滑塊類型。

(帶有佈局的圖像滑塊)

激活和自定義自動播放

默認情況下,Smart Slider 不啟用自動播放功能。 如果您希望滑塊自動旋轉,則必須在滑塊選項自動播放下啟用自動播放。 在這裡,您可以選擇暫停和恢復幻燈片的操作及其持續時間。

智能滑塊如何處理圖層?

您可以用類似於圖片編輯器的方式在 Slider Revolution 中操縱圖層。 圖層可以在畫布上隨意移動。 但是Smart Slider 包含一種特殊的編輯模式,我們稱之為默認放置。 通過此編輯,您可以像使用頁面構建器一樣操作圖層。

假設您希望將幻燈片中間的五個級別轉移到左側。 Slider Revolution 中的圖層必須一次移動一個。 此外,您必須注意防止對您選擇的距離進行任何更改。

使用 Smart Slider 整個過程要容易得多。 您可以修改每個層的父元素的內部對齊方式,而不是單獨移動每個層。 結果,所有層都向左滑動而不必相互接觸。 此外,每個間距將是恆定的。

最常用的圖層

可以在智能滑塊中找到單獨的標題和文本層。 可以使用標題層創建 h1-h6 標題或 div。

視頻層是另一個關鍵區別。 Slider Revolution 中存在一個視頻層。 您可以選擇是否在此層顯示 HTML、YouTube 或 Vimeo 視頻。 但是,每個視頻在智能滑塊中都有自己的圖層。 因此,如果要顯示 YouTube 視頻,必須添加 YouTube 層。

layer是怎麼設計的?

通過在圖層窗口中選擇自定義選項卡,您可以自定義圖層。 您可以在此處選擇消息的顏色、字體系列、大小和粗細。 您還可以選擇背景顏色以提高易讀性。 在創建按鈕以產生圓角時,您還可以在“樣式”菜單中設置邊框半徑選項。

在圖層中添加動畫

Smart Slider 中的每一層都可以添加一個層動畫。 轉到圖層窗口的動畫選項卡以將動畫添加到您的圖層。

每個圖層可以添加三種不同的動畫:

In –使圖層顯示在幻燈片上的動畫。
循環——這個動作是連續的。 例如,您可以使用它來旋轉圖像。
Out –層被此動畫“隱藏”,使其不可見。

將滑塊放在網站上

剩下要做的就是在完成創建後發布滑塊。 您的滑塊簡碼或古騰堡模塊可用於發布它。 滑塊的短代碼位於滑塊設置窗口的常規選項卡中。

一些最受歡迎的頁面構建器,例如 Divi 或 Elementor,也有一個 Smart Slider 插件。 當您離開 Slider Revolution 時,請小心地將所有舊滑塊換成新滑塊。

結論

出色的滑塊製作工具包括 Smart Slider 和 Slider Revolution。 但它們在用戶界面、功能的名稱和位置以及其他因素方面存在很大差異。

手動轉換滑塊是一項艱鉅且具有挑戰性的工作。 希望本說明能讓您更輕鬆地從 Revolution Slider 切換。