滑塊革命 WordPress 插件審查和如何指導

Slider Revolution 是一個高級滑塊,可作為 WordPress 插件和 Magento 擴展使用。由於其廣泛的功能和易用性,它在 WordPress 社區中廣受歡迎。

在本概述中,我們將介紹 Slider Revolution WordPress 插件的主要功能,然後我們將向您展示從頭開始製作自己的滑塊是多麼容易。

使用您的主題獲取滑塊革命!購買我們的Total WordPress 主題作為捆綁插件免費包含 Slider Revolution插件。因此,您不僅會獲得一個很棒的插件,您還將獲得 Total 主題以及WPBakery 頁面構建器插件(請參閱下面有關安裝和使用捆綁插件的說明)。

獲得滑塊革命

滑塊革命:是什麼讓這個插件如此出色

Slider Revolution 內置了大量強大的功能,可以輕鬆為您的網站創建自定義滑塊。這裡有一些我們的最愛。

布局和響應能力

Slider Revolution 改變了它的焦點,使其不僅僅是一個滑塊。自第 6 版更新以來,您當然可以創建令人驚嘆的動畫滑塊,以及輪播和場景(單個幻燈片用作頁面構建器行)。該插件還可以通過新的智能繼承選項進行響應。因此,您的滑塊不會在移動設備上簡單地縮小,而是會調整大小或縮小,以便您在滑塊或模塊中的內容清晰易讀並根據設備進行優化。

多個內容源

想為您的帖子創建一個滑塊?還是為您的 WooCommerce 產品?沒問題——在創建滑塊時從 9 個不同的內容源中進行選擇。

在撰寫本文時 Slider Revolution 支持基於以下內容的內容:

  • 默認/自定義:上傳您自己的圖像/視頻
  • 帖子:從您的博客帖子、自定義帖子類型、特定帖子 ID 中選擇,或使用當前帖子/頁面(如果您想為博客帖子或投資組合項目添加特色滑塊,那就太好了)
  • WooCommerce:展示您的產品
  • 社交媒體:特別是 Flickr、Instagram、Twitter、Facebook、YouTube 或 Vimeo

簡單的選擇

Slider Revolution 通過添加幾乎所有內容的選項,使您可以輕鬆創建自定義滑塊。使用插件中的下拉菜單選擇幻燈片延遲、導航箭頭、自定義字體、添加視差背景、滑塊位置(添加邊距)、添加媒體層、插入按鈕、選擇幻燈片過渡等等。

最重要的是,您可以自定義幾乎所有內容,甚至可以保存自己的預設,以使重用字體樣式、幻燈片過渡、圖層動畫等變得超級簡單。

媒體支持

只需點擊幾下滑鼠,即可添加文本、鏈接、圖像、視頻和音頻。這使您能夠創建您的讀者和客戶能夠識別的信息豐富的幻燈片。此外,這些媒體類型中的每一種都作為自己的圖層添加,具有您使用 Slider Revolution 的超級選項設置的獨特動畫、時間和樣式。

滑塊革命安裝

首先,您需要獲取Slider Revolution WordPress 插件的副本。有幾種不同的方法可以安裝插件,具體取決於您是否購買了自己的插件副本,或者它是否包含在您的高級主題中。

1. 安裝您的 Slider Revolution 副本

滑塊革命 下載

如果您從 CodeCanyon 購買了自己的Slider Revolution副本,則需要自己安裝插件。要下載插件文件,請登錄您的 Envato 帳戶並轉到您的下載頁面(您可以通過將滑鼠懸停在您的用戶名上來訪問此頁面)。然後找到您的 Slider Revolution 副本並選擇「僅可安裝的 WordPress 文件」的下載選項。

滑塊革命添加新插件

接下來,登錄您的 WordPress 站點並導航到插件 > 添加新的。

滑塊革命選擇插件郵編

然後點擊屏幕左上角的「上傳插件」按鈕。

從這裡,使用「選擇文件」按鈕選擇剛剛從 CodeCanyon 下載的插件文件,然後單擊「立即安裝」按鈕。

滑塊革命激活插件

之後只需激活插件,您就可以開始構建滑塊了!

解壓插件文件夾以通過 FTP 上傳

注意:您還可以通過 FTP 安裝插件,方法是登錄到您的伺服器並將提取(解壓縮)的插件上傳到位於 wp-content/plugins 的文件夾中。

2. 安裝高級主題中包含的 Slider Revolution

許多高級主題包括帶有主題下載的高級插件副本。如果這是您想要安裝 Slider Revolution 副本的方式,那麼您將需要參考您的主題文檔。

大多數主題開發人員盡最大努力簡化捆綁插件的安裝過程。例如,通過包含通知欄或激活面板。

全部主題安裝插件

在我們的指南中,我們使用的是Total WordPress 主題安裝並激活 Total 後,您應該會看到一個屏幕提示,建議您安裝 Slider Revolution(以及主題中包含的其他插件)。

全部主題激活插件

只需單擊鏈接轉到推薦/捆綁插件頁面,然後單擊以安裝並激活您的插件。

使用 Total 安裝 Slider Revolution

Total 還在演示導入器中包含一個自定義選項,用於在導入示例數據時安裝和激活 Slider Revolution。如果 Slider Revolution 用於創建您要導入的演示,則應提示您安裝插件,如上所示。

使用 Total 導入 Slider Revolution 滑塊

然後只需確保選擇了「導入滑塊」選項,主題將自動從演示中導入任何自定義滑塊。簡單的!

滑塊革命用戶指南

安裝插件後,它應該向您的主 WordPress 儀錶板添加一個菜單項。單擊此按鈕可進入 Slider Revolution 滑塊管理主頁面。

滑塊革命主插件頁面

如果您購買了自己的插件副本,您可以從這裡創建或編輯滑塊、導入模板、激活許可證。

Slider Revolution 插件許可證激活

如果您自己購買了 Slider Revolution,則可以激活它來解鎖所有滑塊功能。要找到您的許可證,您需要返回 CodeCanyon 並訪問 Slider Revolution 插件頁面。

Slider Revolution 插件許可證

從這裡單擊「支持」選項卡以查看您購買的所有許可證。複製您的許可證密鑰並返回到您的 WordPress 儀錶板。

滑塊革命鍾圖標

點擊鈴鐺圖標。

滑塊革命激活

然後輸入您的許可證密鑰。要獲得插件作者的支持以及解鎖高級 Slider Revolution 模塊模板和插件,您需要購買自己的許可證。

重要的捆綁插件:如果您的 Slider Revolution 副本包含在您的主題中,您可以忽略此部分。無需激活插件許可證,因為捆綁的插件沒有。相反,由您的主題作者確保您的插件副本在您的主題更新中更新。雖然有時這意味著您可能需要稍等片刻才能更新滑塊,但它可以確保插件與您的主題完全兼容。

滑塊革命全局設置

在開始構建之前,我們建議您訪問全局設置選項(這是 Slider Revolution 下的子菜單項)。

滑塊革命全局設置

這裡有很多重要的選項可用於默認響應式網格設置(在構建新滑塊時適用)、自定義字體載入 URL、為插件創建資料庫等等。但是我們建議您調整兩個選項。

您應該考慮編輯的第一個選項是許可權,您可以使用它來限制插件對管理員的訪問。這是確保您、您的網頁設計師或其他管理員是唯一在您的網站上創建滑塊的簡單方法(如果您的博客上有客座作者,則特別有用)。

您可能要編輯的第二個選項是 Default Layout Grid Breakpoints 選項。這些是根據您的響應設置的設備的像素寬度。

這也是您可以啟用自定義字體、第 3 方延遲載入和強制創建資料庫的地方(如果您遇到 Slider Revolution Table 問題)。完成後,請確保保存您的設置。

現在您可以開始構建滑塊了!您有三個選擇——從頭開始,從 Slider Revolution 「使用示例」中獲取免費導出文件或導入主題中包含的示例滑塊。

手動導入滑塊

滑塊革命手動導入

要從 Slider Revolution 的使用示例中導入您從另一個網站下載的滑塊,請首先從他們的網站下載滑塊文件,然後單擊「導入滑塊」選項導航回您的 WordPress。從這裡瀏覽您下載的示例文件,然後單擊上傳。這應該添加示例滑塊及其所有設置,以便您可以將其用作新滑塊的基礎。

來自模板的新模塊

滑塊革命導入模板

如果您購買了自己的Slider Revolution許可證,您將可以訪問他們所有的預製布局(有 180 多種可供選擇)。要使用模板,只需將滑鼠懸停在您喜歡的模板上,單擊眼睛圖標進行預覽或單擊加號圖標安裝模板。

注意:如果您的 Slider Revolution 副本與您的主題捆綁在一起,您將無法訪問這些模板。但是,許多主題作者都包含他們自己創建的滑塊模板,以配合他們可以手動導入的主題演示。

創建一個新滑塊

如果您從頭開始製作滑塊,請單擊「新建空白模塊」選項。現在讓我們開始工作吧!

滑塊革命歡迎辭

首先,您會看到一條歡迎消息,其中包含使用他們的快速入門指南的選項。單擊以開始並按照下面的指導演練進行操作。

滑塊革命滑塊類型

選擇滑塊類型——您可以選擇您的模塊:

  • 滑塊:就像它聽起來的那樣,多張動畫幻燈片旋轉以顯示一張又一張的幻燈片
  • 場景:可用作內容模塊的單張幻燈片(如使用頁面構建器時的一行)
  • 輪播:多張幻燈片同時可見

滑塊革命布局

然後選擇一個布局:

  • 自動:這是默認設置,它將您的滑塊拉伸到 WordPress 主題定義的主容器寬度,但您仍將定義高度。
  • 全寬:聽起來就像一個全寬滑塊選項,從左到右完全伸展。您仍然需要定義滑塊的高度。
  • 全屏:無論您的瀏覽器或設備的大小如何,都可以使用它來創建真正填滿整個屏幕的大型滑塊(您甚至可以使用此選項添加帶有視頻的全屏滑塊以產生更大的影響)。

滑塊革命響應性

作為最後一步,您需要選擇和自定義您的響應能力或「調整大小」設置:

  • 經典(線性)調整大小:配置主屏幕大小設置後,滑塊將相應壓縮(因此 1000×400 像素的滑塊將壓縮為 500×200 像素的滑塊,字體、圖像和其他滑塊元素也會按比例縮小)。
  • 智能繼承:根據您選擇的桌面設置自動創建四種設備尺寸,並可選擇根據需要進行調整。
  • 自定義(手動):允許您使用精確像素設置滑塊大小,並提供其他選項以在各種屏幕寬度(台式機、筆記本電腦、平板電腦和手機)下設置滑塊大小。

滑塊革命主生成器

選擇您的主要滑塊設置後,您將被帶到 Slider Revolution 構建器。這是您實際創建所有幻燈片的地方。

滑塊革命常規選項

在構建之前,您應該注意一些基礎知識。右側是您的所有滑塊設置。從「常規設置」的齒輪圖標開始,快速瀏覽一下您會發現什麼。

標題:為您的滑塊命名。當然,您可以保留默認的 Slider 1 標題和別名,但我們建議根據滑塊的用途將其更改為唯一的命名約定。為您的滑塊選擇一個名稱,以幫助您記住它包含的內容或您正在使用它的頁面。例如主頁,如果您將使用主頁上的滑塊。這也是您可以找到用於將滑塊插入帖子和頁面的簡單短代碼的地方。

布局:選擇您的滑塊類型(滑塊、場景或輪播)和大小(自動、全形或全屏)。如果您使用了快速入門指南,您已經選擇了它。但是,您也可以在這裡編輯圖層區域的寬度和高度(您將在其中添加滑塊元素)、模塊的位置(默認為中心)、滑塊的默認背景顏色或圖像(注意– 這與單個幻燈片背景是分開的)、自定義邊框、投影和一些高級選項(用於包裝器最大高度、溢出、圖層透視等)。

內容:選擇您希望如何將內容添加到滑塊。有 9 個內容源可供選擇,但在大多數情況下,您需要選擇自定義選項來自己構建滑塊(儘管基於帖子和 WooCommerce 選項也非常方便)。

默認值:本節中最重要的選項是默認幻燈片持續時間——默認情況下每張幻燈片將持續多長時間(注意——您可以稍後在每張幻燈片的基礎上自定義此設置,但最好有默認值)。您還可以設置初始化延遲,這將使您的滑塊在動畫之前等待指定的時間。自定義模塊 ID、類和響應性等還有其他默認值,但大多數用戶不需要更改這些。

常規:您可能希望在本節中使用的一些選項包括用於自動旋轉、懸停時停止、循環幻燈片和選擇指定的第一張幻燈片(如果與您在構建滑塊時首先添加的幻燈片不同)的幻燈片設置。您還可以在這裡找到隱藏或禁用移動設備上或在指定像素寬度下的滑塊的選項。

On Scroll: Slider Revolution 包括許多高級滾動效果,例如視差、3D 深度、時間線、淡入淡出、模糊、灰度等。所有這些都具有可自定義的滾動速度、偏移/傾斜等設置。我們不會深入研究這些,因為它們可能需要相當長的時間才能掌握,但如果您購買了自己的滑塊許可證,我們建議您使用一些模板庫中的現成選項,以了解這些不同滾動效果的行為方式。

微調器:這是您的預載入器——因此當您的圖像和動畫載入到您的伺服器上時,您頁面的訪問者將看到您選擇的滑塊背景以及您選擇的微調器。目前有 15 種獨特的微調器可供選擇,所有這些都具有可定製的顏色。

高級:如果您想啟用延遲載入,您可以從此處執行此操作,也可以選擇後備圖像或簡化舊瀏覽器上的滑塊(特別是針對 iOS4 和 IE8)。

CSS/jQuery:您可以將自己的自定義代碼添加到滑塊,但我們建議您不要使用此選項,除非您對編碼語言感到滿意。

作為模態:如果您要創建一個滑塊,您希望顯示為彈出窗口或燈箱,您可以在這裡找到滑塊位置選項,如果您想使用封面顏色,以及插入時使用的簡碼您的頁面中的模態滑塊(注意 – 這與主滑塊簡碼不同,因為它添加了一個使用屬性)。

皮膚:皮膚選項本質上是一個預設,您可以創建然後在構建幻燈片時分配給文本層。如果您想跨層保持品牌相同,這是一個很好的工具。

插件:此部分允許您啟用和訪問插件(注意 – 插件僅在您購買了自己的滑塊許可證時可用,它們不包含在與主題捆綁的 Slider Revolution 版本中)。

滑塊革命導航選項

接下來是決定您想在小鍵盤圖標下使用什麼進行導航。您可以為滑塊使用很多選項。以下所有選項包括易於自定義的位置/對齊、大小、可見性和全局樣式/預設設置。

  • 進度:添加可視化當前幻燈片進度(或完整滑塊/模塊進度)的進度條或圓圈。
  • 箭頭:添加箭頭,讓訪問者可以輕鬆點擊您的幻燈片,您可以選擇 13 種不同的樣式(注意 – 自定義通常基於您的主題)。
  • 項目符號:要向幻燈片添加導航點,請啟用項目符號,並從 14 種樣式中進行選擇。
  • 標籤:如果您要根據博客文章創建內容滑塊,您可能需要查看標籤導航。這將顯示縮略圖、標題和任何參數(如幻燈片選項下所定義)——例如,與最近發布的小部件非常相似。
  • 拇指:要將縮略圖顯示為導航選項,請選擇拇指並從 5 種樣式中進行選擇。
  • Prev Size:定義用於導航的預覽圖像的大小。
  • 觸摸:啟用和自定義觸摸滑動導航,包括塊滾動、速度和方向選項。
  • 鍵盤:啟用鍵盤導航(推薦用於輔助功能)。
  • 滑鼠:編輯滑鼠控制的導航以使用輪播功能或反向滾動。
  • 導航編輯器:此部分用於使用您自己的自定義代碼自定義箭頭、項目符號、選項卡或拇指。如前所述,除非您對編碼感到滿意,否則我們建議您使用滑塊的內置選項。

滑塊革命幻燈片選項

最後,您的幻燈片選項。

  • 背景:選擇幻燈片的背景。從透明、彩色(您可以添加漸變)、圖像、外部圖像或視頻(YouTube、視頻或 HTML5)中進行選擇。
  • 縮略圖:定義管理員可見的縮略圖和用於導航的縮略圖。
  • 動畫:選擇幻燈片的過渡動畫。
  • 過濾器:您可以將過濾器添加到滑塊。在我看來,這些對於具有圖像背景的幻燈片更有意義,但這取決於你。目前有 22 種預設可供選擇。
  • 進度:您可以逐張自定義幻燈片長度(以毫秒為單位的時間)、暫停和可見性。
  • 發布規則:定義您的幻燈片是已發布還是未發布。如果您正在處理要慢慢構建、發布和稍後刪除的季節性或限時幻燈片,這非常有用。
  • 標籤和鏈接:在此部分中,您可以為幻燈片添加自定義類、ID 和 HTML 數據以及啟用鏈接(如果您想為整個幻燈片添加鏈接)。
  • 參數:添加多達 10 個自定義參數以在幻燈片和導航中使用。
  • 循環層:如果您的滑塊只有一張幻燈片,則創建和自定義您的幻燈片循環設置(如果您將滑塊用作歡迎墊或頁面部分,則特別有用)。
  • On Scroll:您還可以自定義每張幻燈片的視差和滾動效果(淡入淡出、模糊或灰度)。

如何使用 Slider Revolution 製作滑塊

現在您已經看到了這些功能(哇,有很多!)我將簡要介紹一下我們認為最重要的選項。特別是通過向您展示如何構建一個簡單的滑塊。

常規選項

滑塊示例:常規選項

首先我們選擇了幾個常規選項:

  • 在標題部分添加自定義標題和別名
  • 在 Layout 下自定義桌面層區域的高度和寬度(我們將我們的設置為 1000px 寬以匹配我們的站點寬度和 500px 高)
  • 在默認值下選擇默認幻燈片持續時間(我們使用 5000 毫秒,即 5 秒)
  • 選擇一個 Spinner 用於您的預載入器(我們偏向於選項 7)

滑塊導航

滑塊示例:箭頭

然後,我們選擇導航選項。在我們的示例中,我們選擇了簡單箭頭的「天王星」樣式。

添加幻燈片

這就是我們想要為我們的滑塊設置的所有內容,所以下一步是添加幾張幻燈片。創建新滑塊時,默認情況下您已經在幻燈片 #1 上,因此您可以立即開始添加設置和圖層。

滑塊示例:幻燈片顏色背景

您可以添加背景顏色、圖像或視頻。如果您選擇添加顏色,還可以添加漸變。

滑塊示例:幻燈片視頻背景

對於視頻,您只需添加源並進行一些選擇。在上面的屏幕截圖中,我們將幻燈片設置為強制覆蓋模式(這樣視頻會填滿整個滑塊)並在開始時倒帶(這樣每次幻燈片開始時它都會從頭開始播放)。

滑塊示例:幻燈片圖像背景

對於我們的示例,我們添加了來自媒體庫的圖像。我們將圖像保留為默認的 Cover 設置(拉伸圖像以覆蓋整個滑塊,而不是 Contain 縮小圖像以適應滑塊約束)。

添加圖層

現在添加圖層!在屏幕頂部,您會注意到「+ 添加圖層」選項。在這裡,您可以找到大量添加到幻燈片的選項。您可以從 8 種不同的添加圖層選項中進行選擇:

  • 文本層非常適合添加標題、描述甚至簡單的鏈接。在幻燈片上添加您想說的任何內容。
  • 圖像非常適合插入您的徽標、在視差幻燈片上添加深度、在設置之前/之後插入等等。
  • 按鈕層選項包括大量大小和邊框半徑組合,您可以為其編輯顏色、背景、邊框顏色、字體、懸停狀態和文本。此外,還有許多有用的社交鏈接預設動畫滑鼠滾動圖標、漢堡菜單甚至播放/暫停。
  • 形狀可用於添加效果(如按鈕後面的脈衝或輻射顏色)、定義文本層的一部分(使用形狀僅突出顯示一個單詞或短語)或增加視覺趣味。選擇背景、邊框顏色/大小、形狀邊框半徑(正方形為 0,圓形為 100)、形狀大小(以像素為單位)和填充。
  • 音頻和視頻層相當簡單。選擇您要插入的媒體並從您的媒體庫中選擇一個文件或插入一個鏈接(YouTube、Vimeo、SoundCloud 等)。然後添加設置以啟用循環播放、自動播放、結束時的下一張幻燈片、基本音量、片段開始/結束和預載入。這是將真實推薦添加到滑塊、介紹視頻或教程的簡單方法。
  • 圖標 / SVG 正是它們聽起來的樣子 – 包括圖標或添加自定義 SVG 圖像,這些圖像可以通過您的滑塊在設備之間完美縮放。
  • 可以插入行,就像任何其他頁面構建器一樣,帶有列設置。這是組織圖層元素或構建單個幻燈片模塊的好方法。
  • Group 用於創建一組圖層,以便更輕鬆地定位和移動相關圖層。
  • 圖層庫只有在您擁有自己的 Slider Revolution 許可證時才可用,並且是 ThemePunch 的現成資源的集合。
  • 導入以從庫中的另一個滑塊複製圖層或幻燈片。快速簡單!

滑塊示例:插入文本圖層

首先讓我們添加一個簡單的文本層。您可以選擇添加快速樣式標題或內容 – 兩者都是文本圖層,唯一的區別是您將在右側看到的預樣式選項。您可以選擇其中一種樣式或單擊右上角的 X 轉到圖層設置。

滑塊示例:文本圖層設置

對於我們的示例,這些是我們為標題以及幻燈片的副標題選擇的選項:

  • 在內容部分添加了我們的文本,並將我們的文本居中
  • 為字體大小、粗細、行高和 Google 字體選擇了樣式
  • 我們自定義了 Size & Pos 來改變我們滑塊容器中圖層的位置(記住——我們的容器是 1000 x 500 像素)
  • 最後添加了一個動畫效果和速度,讓我們的文本以 800 毫秒淡入(IN:Anim To)和我們的文本退出的相同動畫(OUT:Anim To)。

我們還添加了一個按鈕。為此,請將滑鼠懸停在「+ 添加圖層」鏈接上,然後單擊按鈕選項。

滑塊示例:插入按鈕層

就像文本一樣,您可以使用一些快速樣式來開始使用。

滑塊示例:按鈕層設置

對於我們的按鈕,我們使用了以下內容。同樣,與文本選項非常相似(但有幾個重要區別):

  • 對於內容,我們添加了按鈕文本。
  • 在樣式部分,您可以添加文本和按鈕顏色、字體選項,並使用填充(內部)或邊距(外部)為按鈕添加空間。我們的按鈕使用左右填充使其更寬。
  • 我們再次使用 Size & Pos 選項使我們的按鈕層在幻燈片上居中。
  • 並為進入和退出幻燈片的按鈕添加了一個動畫。
  • 由於這是一個按鈕層,我們還添加了一個懸停效果,以便訪問者直觀地知道有一個鏈接。所以我們選擇了一個動畫並讓我們的按鈕在懸停時有點透明。

滑塊示例:按鈕層鏈接

對於要添加鏈接的按鈕或任何層,您必須添加操作。例如,我們添加了一個簡單鏈接並定義了設置(點擊時,URL 和在新窗口中打開的目標)。但是除了簡單鏈接之外,還有很多選項,例如滾動到 ID(本地滾動)、跳轉到幻燈片(跳過幻燈片)、播放幻燈片(例如,如果您添加了交互功能)、打開滑塊模式,播放媒體(非常適合視頻)等。

這是我們完成的第一張幻燈片!現在讓我們添加一秒來向您展示更多功能。

滑塊示例:添加第二張幻燈片

如果您將滑鼠懸停在「幻燈片」選項上,您會看到一個下拉菜單:

  • 添加幻燈片:單擊以添加新的空白幻燈片、批量幻燈片以添加具有相同背景的多張幻燈片,或導入一張幻燈片。
  • 全局圖層:這些將被視為您創建的任何幻燈片頂部的疊加層。這是添加徽標或水印的好方法,包括產品的「立即購買」按鈕,甚至是訂閱新聞通訊的鏈接。
  • 您當前的所有幻燈片(我們完成的幻燈片是 #1 New Slide)。

現在只要你想多次重複你的幻燈片製作過程!

Slider Revolution 中有很多很多選項,您可以使用它們來進一步自定義圖層。例如,您可以在圖層中添加循環(您可以使用它來創建閃爍的「銷售」文本)、添加滾動效果、編輯可見性以在小型設備上隱藏等等。我們建議查看官方 Slider Revolution 知識庫以查找有關可用功能的更多信息。

滑塊示例:頂欄

最後,我只想在滑塊構建器的頂部和底部指出一些更有用的鏈接。從頂部開始,您會找到以下快速鏈接(按順序):

  • 返回:返回 WordPress 儀錶板中的主 Slider Revolution 頁面
  • 幻燈片:在滑塊中添加和管理幻燈片
  • 添加圖層:將新圖層添加到當前幻燈片
  • 您選擇的圖層的名稱
  • 複製圖標以複製或複製當前圖層
  • 用於刪除當前選定圖層的垃圾箱圖標
  • 鎖定圖標以鎖定您的圖層以防止意外編輯
  • 用於顯示或隱藏圖層的眼睛圖標
  • 向上和向下箭頭在圖層之間導航
  • 稍微帶你到游標選擇圖層
  • 用於撤消和查看最近更改列表的倒帶圖標
  • 用於預覽滑塊在標準設備尺寸上的響應能力的計算機圖標
  • 問號圖標幫助鏈接
  • 最後是一個 Droplet 圖標,用於訪問圖層的快速樣式預設

滑塊示例:時間表

在您的滑塊預覽下方,您應該會看到一個時間表。從這裡您可以編輯圖層在幻燈片上動畫的延遲時間(對於我們來說,結束時間是 00:05:00 或 5 秒 – 只需單擊它即可為您的幻燈片進行編輯)。您還可以看到與幻燈片的總時間長度相比顯示圖層時間的可視化時間表。被阻止的部分是您的圖層動畫時間,您只需單擊並拖動即可更改。

添加多個圖層後,您還可以使用此部分通過將圖層拖放到順序來重新組織圖層。另外,在左上方,您可以找到一個有用的鏈接來播放幻燈片,以便在您進行編輯時預覽您的時間安排。

預覽並保存您的滑塊

滑塊示例:預覽您的滑塊

在您工作時,您可以通過單擊右下角的藍色預覽按鈕來預覽滑塊。

滑塊示例:保存您的滑塊

工作時不要忘記保存幻燈片!確保在進行任何更改後保存幻燈片。如果您離開幻燈片(即使是另一張幻燈片),您可能會失去所有的辛勤工作。所以一定要保存,保存,保存!

Slider Revolution 還提供了保存時優化文件大小的選項,該選項提供了一些伺服器端壓縮和優化建議。

保存後,您可以繼續處理其他幻燈片或滑塊,或者在頁面上使用您的成品。

使用滑塊

要將您的精彩滑塊添加到任何帖子或頁面,請使用您之前創建的 Slider Revolution 短代碼。可以通過單擊儀錶板中的 Slider Revolution 菜單項找到此簡碼。

滑塊革命:找到簡碼

短代碼應類似於 [rev_slider alias=」title」][/rev_slider],其中「title」基於您在第一次創建滑塊時提供的別名。

滑塊革命:複製簡碼

只需將短代碼粘貼到您的帖子或頁面內容中即可。或者,如果您的主題支持其他滑塊位置,您也可以在那裡添加短代碼。

滑塊革命:WPBakery 頁面構建器模塊

如果您的主題使用 WPBakery 頁面構建器(例如,像Total Multipurpose WordPress 主題),那麼您可以使用包含的 Slider Revolution 頁面構建器元素。

滑塊革命:WPBakery 頁面構建器模塊預覽

您所要做的就是添加模塊,從網格中選擇一個滑塊(它將顯示您已經創建的所有滑塊的列表),插入然後將滑塊拖放到位。容易吧?

關於滑塊革命的最終想法

我們相信 Slider Revolution 是最容易使用的高級滑塊插件之一,特別是因為它們提供了易於使用的可視化編輯器和大量內置功能,因此您無需了解 CSS 即可設置幻燈片樣式(按鈕、字體、顏色和更多已經存在!)。它獲得了可靠的 5 顆星,在我們看來,您將很難找到更好的滑塊插件。

希望我們的指南可以幫助您完成入門過程,但要了解更多信息(或獲取您自己的副本),請訪問 ThemePunch 的主要 Slider Revolution 頁面。他們展示了很好的滑塊示例以及指向現場演示的鏈接,您可以在其中看到 Slider Revolution 可以做什麼。

更多關於滑塊革命

但我們很樂意聽取您的意見。請在下面的評論中告訴我們您對 Slider Revolution 的看法,或者隨時向我們提出您可能有的任何問題。我們很樂意提供幫助!

相關文章