2022 年 7 個最佳 WordPress 滑塊插件(動手比較)

已發表: 2018-09-24

為您的網站尋找最好的 WordPress 滑塊插件?

為了幫助您選擇適合您特定需求的 WordPress 滑塊,我匯總了最受歡迎和評價最高的插件(包括免費和高級選項)。

但我不想只是重複你已經在插件的營銷頁面上看到的信息,所以我還更進一步,在我的測試站點上安裝了每個插件。

下面,我將分享每個 WordPress 滑塊可以做什麼,以及對界面的實際操作。 因為這更像是一篇綜述文章,所以我無法向您展示每個插件的每個角落和縫隙。 但是,我將嘗試突出所有亮點,以便您更好地了解事物的工作原理,以及每個插件如何平衡易用性和功能深度。

最後,我的目標是讓您知道這些插件中的哪一個適合您。

讓我們直接進入滑塊插件。

目錄
  1. 1. Master Slider – 專注於觸控準備
  2. 2. Smart Slider 3 - 大量動態內容源
  3. 3. Soliloquy - 一個更簡單的界面,但仍然具有高級功能
  4. 4. LayerSlider – 深度功能 + 可視化生成器
  5. 5. 過渡滑塊 - 紮實的中底編輯體驗
  6. 6. Slider Revolution – 深度功能 + 視覺生成器
  7. 7. Meta Slider——如果你只想要簡單的滑塊
  8. 您應該使用哪個 WordPress 滑塊插件?

1. Master Slider – 專注於觸控準備

主滑塊

Master Slider 是一種流行的免費增值滑塊,可在 WordPress.org 和 CodeCanyon 上使用。

其獨特的銷售主張是觸摸。 也就是說,帶有觸摸屏的設備上的用戶可以通過流暢的滑動來導航滑塊。 雖然許多其他滑塊也支持觸摸導航,但 Master Slider 使其成為滑塊的主要焦點。

目前,Master Slider 在 CodeCanyon 的銷量已超過 29,000,並在 800 多條評論中保持 4.5+ 星評級。

主滑塊功能列表

Master Slider 為您提供可視化的拖放式編輯器,幫助您構建滑塊(僅限專業版)。

除此之外,您還可以獲得:

  • 90 多個預製滑塊模板可幫助您快速啟動並運行看起來很棒的東西。
  • 一個簡單的動畫引擎,包括一個動畫時間軸,可以輕鬆地將所有動畫同步在一起。
  • 內置控件可幫助您快速將元素對齊到適當的位置。
  • 從任何帖子類型以及外部資源(如 YouTube 和 Flickr)創建滑塊的選項。
  • WooCommerce 集成以創建產品滑塊。
  • 6 種不同的交互式幻燈片過渡。
  • 一個簡潔的熱點功能,可讓您將工具提示添加到幻燈片的特定部分。

親身體驗主滑塊界面

請注意,我在我的測試站點上使用免費版的 Master Slider,因此此演示不會包含您從 Pro 版本中獲得的所有功能。

當你去創建一個新的滑塊時,你可以從頭開始或使用 90 多個預構建的滑塊模板之一。 還有一些示例滑塊,它們適合空白畫布和模板之間的某個位置:

主滑塊界面

從那裡,主滑塊將您引導到滑塊設置界面。 您會在頂部看到幻燈片列表,以及用於訪問其他設置的選項卡:

主滑塊模板

在頁面下方,您可以編輯單個幻燈片。

不幸的是,我可以訪問的免費版本不包括可視化構建器。 但是,如果您為 Pro 版本付費,您將獲得該拖放式構建器。

總的來說,我認為 Master Slider 的界面具有用戶友好的設計。 有相當數量的空白,這使得選項的數量不那麼令人難以抗拒。

主滑塊定價信息

WordPress.org 上提供了有限的免費版 Master Slider。 要獲得全功能版本,您需要在 CodeCanyon 支付 34 美元。

更多信息/下載演示

2. Smart Slider 3 - 大量動態內容源

就可用功能而言,Smart Slider 3 是您能找到的最好的免費滑塊插件之一。 如果您需要的不僅僅是慷慨的免費插件,還有一個高級版本可以添加更多滑塊類型、更多滑塊模板以及一些其他有用的功能,例如動畫時間線和 Ken Burns 效果。

Smart Slider 3 在 WordPress.org 的 900 多條評論中獲得 4.9 星評級。 它還在 800,000 多個網站上活躍(所以是的……人們喜歡這個!)。

智能滑塊 3 功能列表

Smart Slider 3 具有出色的可視化拖放生成器,可幫助您創建滑塊。

如果您不想從頭開始構建滑塊,您可以從整體滑塊模板 (180+) 以及單個幻燈片的模板 (100+) 中進行選擇。

您可以從大量來源導入滑塊內容。 目前,Smart Slider 3 提供 40 多種動態內容來源,包括:

  • WordPress 帖子、頁面或自定義帖子類型
  • YouTube
  • WooCommerce
  • Facebook
  • 弗里克
  • 推特
  • Instagram
  • Pinterest
  • 下一代畫廊
  • 活動日曆

動態內容絕對是 Smart Slider 3 擅長的領域之一。 值得注意的是,免費版本僅支持來自 WordPress 帖子的動態內容——所有其他來源僅限專業版。

除了這些東西,您還可以獲得:

  • 分層動畫,包括時間線功能,以查看所有內容如何組合在一起
  • Ken Burns 效果和其他背景動畫
  • 內置圖像編輯器
  • 16 種不同類型的圖層,包括視頻、按鈕等。
  • 5 種類型的滑塊,包括旋轉木馬、手風琴和展示櫃

親身體驗 Smart Slider 3 界面

我在這個例子中使用了免費版的 Smart Slider 3。

當你去創建一個新的滑塊時,你可以創建一個新的空白滑塊或瀏覽模板庫:

智能滑塊3界面

選擇起點後,您將進入編輯界面。

在主編輯頁面上,您將看到所有幻燈片的列表,您還可以配置整體滑塊設置,例如:

  • 自動播放
  • 導航
  • 尺寸
  • …等等。
智能滑塊 3 設置

而且,如果您單擊單個幻燈片,它將帶您進入可視拖放構建器,您可以在其中使用拖放以及不同的圖層來精確控制幻燈片的外觀:

智能滑塊 3 生成器

總的來說,Smart Slider 3 是我最喜歡的幻燈片生成器,因為生成器界面不那麼混亂。

Smart Slider 3 定價信息

我在這篇文章中看到的 Smart Slider 3 的免費版本可在 WordPress.org 上找到。 如果您想要 Pro 功能,在單個站點上使用的計劃起價為 35 美元。

更多信息/下載演示

3. Soliloquy - 一個更簡單的界面,但仍然具有高級功能

自言自語 WordPress 滑塊

Soliloquy 是另一個流行的滑塊插件,有免費版和高級版。

以前,Soliloquy 是 Syed Balkhi(WPBeginner 的)插件集合的一部分。 然而,在 2018 年初,Soliloquy(和 Envira Gallery)被 Nathan Singh 收購。

您使用 Soliloquy 創建的所有滑塊都是響應式的,它還為您提供了許多用於創建動態滑塊的不同選項。

不過,Soliloquy 是比前兩個插件更輕量級的選項。 您沒有獲得相同的“頁面構建器”樣式界面來構建幻燈片內容。

出於這個原因,如果你想真正修改每張幻燈片,你可能不喜歡 Soliloquy。 但是,如果您只是想要簡單易用的東西,您可能會喜歡它!

自言自語功能列表

為了組織您的滑塊,Soliloquy 為您提供了所謂的“拖放構建器”。 不過,我不會真的說它是一個建設者。 它比實際構建內容更“拖放來組織幻燈片順序”。

除此之外,您還可以獲得:

  • 預先構建的滑塊主題可幫助您快速創建漂亮的東西。
  • WooCommerce 集成以創建產品滑塊。
  • 基於帖子、頁面或任何自定義帖子類型的動態內容。
  • 用於創建燈箱滑塊的燈箱功能。
  • Pinterest Pin It 按鈕形式的社交媒體集成或將圖片從 Instagram 導入滑塊的選項。
  • 用於創建演示文稿的 PDF 滑塊。
  • 預定的滑塊或幻燈片,這是一個非常獨特的功能。 它使您可以安排整個滑塊或僅特定幻燈片僅在特定時間顯示。

親身體驗獨白界面

當您使用 Soliloquy 創建新滑塊時,您可以上傳自己的圖像或使用其中一個動態選項(如果您有可用的選項):

自言自語儀表板

獲得一些內容後,您會在底部看到所有幻燈片。 您還可以使用選項卡來配置其他選項。 而且,如果您單擊鉛筆圖標,它會將您啟動到幻燈片編輯器界面:

獨白幻燈片

同樣,編輯單個幻燈片的界面要簡單得多,因為您沒有頁面構建器樣式的方法:

獨白管理幻燈片

獨白定價信息

WordPress.org 上有一個有限的免費版本。 如果你想要我上面使用的 Soliloquy Pro,有四種不同的定價計劃,每一種都可以讓你訪問不同的功能。

更多信息/下載演示

4. LayerSlider – 深度功能 + 可視化生成器

圖層滑塊

LayerSlider 是一個流行的高級滑塊插件。 它曾經通過 CodeCanyon 銷售,銷量超過 100,000 次,並在超過 3,100 條評論中保持 4.75 星好評(滿分 5 星)。 然而,開發商現在已經轉而通過他們自己的網站而不是 CodeCanyon 獨家銷售它。

儘管現在不太容易看到這一點,但很多人喜歡 LayerSlider,它是那裡更流行的滑塊插件之一。 要弄清楚它為什麼如此受歡迎,讓我們轉到功能列表。

LayerSlider 功能列表

LayerSlider 提供了一個可視化的拖放編輯器來幫助您構建滑塊,這使得初學者和高級用戶都可以輕鬆地創建一些漂亮的滑塊。

除了核心視覺構建器之外,您還可以獲得:

  • 生產力工具,例如鍵盤快捷鍵、簡單的撤消/重做、多選圖層、標尺和參考線等等。
  • 強大的動畫引擎,包括 200 多個預定義的幻燈片過渡。
  • 即使您不是設計師,預建模板也能幫助您創建美觀的最終產品。
  • 將動態內容插入滑塊的選項,包括來自任何帖子類型的內容。
  • 響應式設計,無論訪問者使用哪種設備,您的滑塊都能正常工作。
  • 通過 Adob​​e Creative SDK 輕鬆編輯圖像。

讓我向您展示這些功能是如何結合在一起的。

LayerSlider 界面的實際操作

當您第一次在 LayerSlider 中創建新滑塊時,您可以從頭開始創建一個,也可以瀏覽包含大量模板的模板商店。

如果您自己購買了 LayerSlider,您將可以訪問所有模板。 但是,如果您沒有 LayerSlider 許可證密鑰(例如,如果它與您的主題捆綁在一起),您將只能訪問其中的大約 12 個:

圖層滑塊儀表板

無論您選擇哪個選項,最終都會出現在同一個地方,即 LayerSlider 構建器。

在頂部,您會看到所有幻燈片:

圖層滑塊界面

在此之下,您將獲得可視化編輯器,以及所有幻燈片圖層的列表。 同樣,此編輯器是拖放式的,因此構建您的設計非常容易:

圖層滑塊生成器

您還可以獲得那些方便的響應式控件,這些控件可讓您根據用戶的設備打開或關閉各個圖層。

除了幻燈片生成器界面,您還可以獲得一組非常詳細的滑塊設置:

圖層滑塊設置

總而言之,您可以對滑塊進行大量控制。 如果您是普通用戶,可能會感到有些不知所措。 但如果你是一個修補匠,你會感激你有多少控制權。

LayerSlider 定價信息

LayerSlider 沒有免費版本,但您會在 WordPress.org 上找到一個不相關的插件,名為“Layer Slider”。 該插件完全不同,並且來自不同的開發人員。

但是,對於高級插件來說,LayerSlider 是相當實惠的。 您只需支付 25 美元即可在具有終身更新和六個月支持的單個站點上使用(與 Envato 的許可證相同,即使 LayerSlider 已從 CodeCanyon 移出)。 如果您購買多個站點的許可證,您還將獲得批量折扣。 例如,三站點許可證只需 66 美元。

你仍然可以在 CodeCanyon 查看舊的列表頁面,現在它被稱為 Kreatura Slider Plugin。

更多信息/下載演示

5. 過渡滑塊 - 紮實的中底編輯體驗

過渡滑塊 WordPress 插件

Transition Slider 是一個流行的滑塊插件,在 WordPress.org(免費版)和 CodeCanyon(高級版)上都有列出。 免費版適用於簡單的滑塊,而高級版可讓您訪問更高級的模板和功能。

它提供了一個簡單易用的界面,同時還允許您向幻燈片添加自定義內容,包括文本、圖像和按鈕。

對於確實想要增加靈活性但不需要整頁構建幻燈片設計體驗的人來說,這使其成為一個不錯的選擇。

過渡滑塊功能列表

  • 視覺幻燈片設計界面(雖然它不是真正的拖放)。
  • 向幻燈片添加文本、按鈕、圖像、視頻和 iframe。
  • 大小、自動播放、導航、分頁等的詳細自定義選項。
  • 獨特的滑塊過渡效果,例如扭曲、縮放、閃光、拉伸和許多其他很酷的選項。
  • 免費版和高級版之間的 50 多個預製滑塊模板。
  • 預加載第一個滑塊圖像以加快感知頁面加載時間的選項。

過渡滑塊界面的實際操作

對於這些示例,我使用的是 WordPress.org 上的免費版 Transition Slider,儘管兩個版本之間的基本界面是相同的。

首先,您可以通過從 WordPress 媒體庫中的圖像中選擇來添加幻燈片:

添加幻燈片

然後,您可以編輯幻燈片以打開完整的編輯界面。 您可以在此處自定義幻燈片的過渡和自動播放設置。 您還可以在其中使用塊向幻燈片添加新內容。 您將獲得六個選項:

  • 文本編輯器
  • 標題
  • 圖片
  • 按鈕
  • 視頻
  • iFrame

您可以單擊它們以將該內容添加到幻燈片中。

您不能使用拖放來移動實時預覽中的元素,但可以使用圖層導航器來更改元素的順序。 例如,要將按鈕移動到標題上方,您可以在導航器中將按鈕層拖到標題層上方:

添加幻燈片內容

使用高級版,您還可以為台式機、平板電腦和移動設備打開單獨的編輯界面。 免費版僅允許您編輯桌面版。

您可以保存更改並為要設計的每張幻燈片重複相同的過程。

您還可以通過主滑塊編輯界面側欄中的選項配置許多高級設置:

滑塊設置

總體而言,它不像 Smart Slider 或 Slider Revolution(我們列表中的下一個)那樣靈活,但大多數用戶將擁有創建一些簡單滑塊設計所需的所有選項。

過渡滑塊定價信息

如果您想測試過渡滑塊,WordPress.org 上有一個有限的免費版本,其中包括基本功能和有限的模板。

要解鎖所有功能和模板,CodeCanyon 的 Pro 版售價 35 美元,可為您提供終身更新和六個月的單個站點支持。

更多信息/下載演示

6. Slider Revolution – 深度功能 + 視覺生成器

滑塊革命

毫無疑問,Slider Revolution 在 CodeCanyon 的銷售額超過 415,000,是您會發現的最受歡迎的 WordPress 滑塊插件之一。 很多這種受歡迎程度來自於它與 ThemeForest 的多個主題捆綁在一起的事實。 但這不是敲門聲——因為 Slider Revolution 仍然設法在超過 10,000 條評論中保持 4.75+ 星評級。

總體而言,它包含大量功能來幫助您構建滑塊。 事實上,它是這個列表中最強大的設計工具之一,這就是為什麼開發人員稱它“不僅僅是一個 WordPress 滑塊”。 在界面中,開發人員已將設計稱為“模塊”,這突出表明您可以將它們用於滑塊之外

然而,這種靈活性既有優點也有缺點,因為 Slider Revolution 對非技術用戶來說也感覺有點複雜。

滑塊革命功能列表

像許多最好的 WordPress 滑塊插件一樣,這一切都始於一個可視化的拖放編輯器。 此編輯器可幫助您創建響應式滑塊,還可以讓您控制各個幻燈片在不同設備上的外觀。 您將獲得詳細的設計選項以及為每張幻燈片創建無限層的能力。

其他有用的功能包括:

  • 社交媒體提要支持從 Instagram、Twitter、Facebook、YouTube、Flickr 和 Vimeo 導入滑塊內容。
  • 動態帖子內容以在滑塊中包含您的最新帖子列表。
  • 很多導航選項,包括縮略圖導航。
  • 大量動畫選項,包括創建您自己的自定義動畫的選項。 你得到一個動畫時間線來控制每一層。
  • 預定的滑塊,讓您根據預定義的日期發布幻燈片(如整潔的獨白功能)。

Slider Revolution 界面的實際操作

新的 Slider Revolution 編輯器提供了與頁面構建器和其他完整設計工具一致的重型、靈活的設計體驗。 實際上,您可以將 Slider Revolution 用作一種頁面構建器,我在上面提到過。

您可以從一張白紙或眾多預建模板之一開始。 模板分為不同的類別,包括滑塊和通用網站模板:

滑塊革命模板

然後,您將進入完整的編輯器,其中有很多不同的選項。

基本要點是您可以使用圖層添加內容。 然後,您可以在邊欄中配置每個單獨的層。 您還將在底部獲得一個動畫時間軸,以控制每個圖層何時出現:

新滑塊革命編輯器

您可以根據需要創建其他幻燈片並遵循相同的過程。 您還將獲得響應式編輯選項、模塊級控件等。

對於簡單的滑塊,我認為新的 Slider Revolution 界面有點矯枉過正。 有很多選項,而且它肯定比此列表中的其他滑塊插件具有更大的學習曲線。

但是,如果您確實想要擁有所有這些選項和靈活性的完全控制和價值,甚至是動畫時間線,那麼您可能最喜歡 Slider Revolution。

這實際上取決於您在滑塊設計工具中尋找的內容。

滑塊革命定價信息

在 CodeCanyon,Slider Revolution 售價 85 美元。 Slider Revolution 沒有免費版本。 這對於滑塊來說有點貴,但對於可以超越簡單圖像滑塊的高級設計選項來說可能是值得的。

更多信息/下載演示

7. Meta Slider——如果你只想要簡單的滑塊

最後,MetaSlider 是另一個不錯的免費 WordPress 滑塊選項 - 但是,與 Smart Slider 3 一樣,如果您想要更多功能,還有一個高級版本。

2017 年 11 月,MetaSlider 被流行的 UpdraftPlus 插件背後的同一團隊收購。 UpdraftPlus 的免費備份功能非常慷慨,因此 MetaSlider 效仿並提供慷慨的免費版本也就不足為奇了。

它的評價很高(在超過 620 條評論中獲得 4.7 星)並且非常受歡迎(根據 WordPress.org 的數據,它在超過 800,000 個網站上活躍)。

MetaSlider 功能列表

MetaSlider 提供了一種更輕量級的方法來構建滑塊,如果您對上面冗長的功能列表和擁擠的插件界面感到不知所措,那就太好了。

您構建的所有滑塊都具有響應性和触控功能。 MetaSlider 還特別強調 SEO 支持,包括輕鬆管理圖像元數據的選項。

其他有用的功能包括:

  • 4 種不同的滑塊類型:Flex 滑塊 2、響應式滑塊、Nivo 滑塊和硬幣滑塊。
  • 動態幻燈片,包括 WooCommerce 集成以創建產品滑塊。
  • 智能圖像裁剪以確保您的幻燈片大小正確。
  • 使用免費的 MetaSlider Lightbox 插件支持 Lightbox。

親身體驗 MetaSlider 界面

我在這個例子中使用了免費版的 MetaSlider。

除了 Soliloquy,MetaSlider 還擁有此列表中最簡單的界面之一,這使其成為初學者的不錯選擇。 雖然許多其他 WordPress 滑塊插件在功能方面更深入,但這也意味著它們的界面因可用功能的數量而不堪重負。

當您創建一個新的幻燈片時,MetaSlider 會將您直接帶入完整的界面。 在右側,您可以為大小、過渡和導航配置一些基本選項:

元滑塊界面

如果單擊+添加幻燈片,您將能夠使用左側的任何選項創建新幻燈片:

metaslider 創建幻燈片

添加一些幻燈片後,您將獲得每張幻燈片的基本選項。 但是,就像 Soliloquy 一樣,不要指望這裡有一個完整的頁面構建器界面。 如果您使用圖層幻燈片,您將獲得更多選項。 我只是無法在免費版本中訪問它:

metaslider 管理幻燈片

如果您喜歡簡單,MetaSlider 的界面簡單易用。

MetaSlider 定價信息

我使用的免費版 MetaSlider 可在 WordPress.org 上獲得。 如果您想要 Pro 功能,計劃起價為每年 39 歐元。 付費計劃之間沒有功能差異——唯一的區別是許可證的數量。

更多信息/下載演示

您應該使用哪個 WordPress 滑塊插件?

好的,那麼您應該實際使用這些 WordPress 滑塊插件中的哪一個?

好吧,讓我們把它分解成幾個不同的場景。

首先,讓我們保持自由。 如果您專門尋找免費的滑塊插件,那麼我認為您的兩個最佳選擇是 Smart Slider 3 和 MetaSlider。 Smart Slider 3 將為您提供更多功能和可視化的拖放式幻燈片生成器,而 MetaSlider 的界面則更簡單一些。

如果您需要更多功能並願意購買高級 WordPress 滑塊插件,事情會變得有點棘手。

如果您想要最簡單的高級選項,仍然可以訪問大量動態資源,請查看 Soliloquy。 但是,如果您想要大量選項來配置滑塊的每個小方面,您可能會更喜歡 LayerSlider 或 Slider Revolution。

而且,如果您想要最動態的數據源,以及仍然非常詳細的界面,Smart Slider 3 的 Pro 版本也是一個不錯的選擇。

現在交給你們了——你們使用過這些 WordPress 滑塊插件嗎? 你最喜歡哪一個,為什麼?