用於創建幻燈片的 6 個最佳免費和高級 WordPress 滑塊插件

已發表: 2015-06-16

滑塊仍然是一個非常受歡迎的網站功能。 儘管一些圈子對它們有一些強烈反對,但它們仍然是網站所有者和網頁設計師熱衷於利用的東西,即使他們的訪問者總是對它們不那麼熱情。

但是,如果使用得當,它們可以極大地增強網站並為最終用戶提供許多好處。

在向 WordPress 網站添加滑塊或幻燈片時,有很多選項可供選擇。 這包括免費和高級插件,以及許多 WordPress 主題中包含的自定義工具。

在本文中,我們將介紹六個 WordPress 滑塊插件。 這包括最受歡迎的免費和高級選項,以及一些鮮為人知的插件,它們仍然可以很好地為您的網站添加幻燈片。

最好的 WordPress 滑塊插件

最好的免費和高級 WordPress 滑塊插件

在我們開始使用插件之前,重要的是要考慮您想要從幻燈片生成器中獲得什麼。 這種類型的最受歡迎的高級插件包含許多功能,同時使用起來也相當複雜。

另一方面,最受歡迎的免費插件在功能方面受到更多限制,但非常易於使用。

當談到這些幻燈片插件提供的功能時,您會發現多種選擇。 從簡單地在幻燈片中顯示圖像,到向幻燈片添加自定義內容、個人帖子和視頻。 您還可以找到高級動畫過渡效果,以及具有多層內容的幻燈片,每層都有自己的動畫時間線。

雖然其中一些插件的演示滑塊上使用的驚人動畫效果很容易讓人眼花繚亂,但如果您記住為什麼要向網站添加滑塊,以及它將如何使訪問者受益,您應該能夠為您的項目選擇合適的工具。

因此,事不宜遲,這裡是 WordPress 最好的免費和高級滑塊插件:

元滑塊

元滑塊插件

Meta Slider 是最流行的免費滑塊插件,有超過 50 萬的活躍安裝量和近乎完美的 4.8 星評分(滿分 5 星)。

創建幻燈片時,您有四種滑塊類型可供選擇,每種類型都有自己的主題、過渡效果和其他功能。 使用 Meta Slider,您只能將圖像添加到幻燈片中,然後用標題覆蓋它們。 沒有向它們添加視頻或自定義內容的選項,您可以使用我們將很快獲得的高級選項。

但是,也許由於缺乏高級功能,用於創建基於圖像的滑塊的用戶界面和過程非常直觀。 只需從 WordPress 媒體庫中選擇一張圖片,這就是您的幻燈片。 如前所述,每張幻燈片都可以有自己的文本標題,以及鏈接到您選擇的目標 URL。

最佳滑塊元滑塊 UI

幻燈片創建屏幕上隱藏著一個高級設置面板。 這些為您提供了拉伸幻燈片大小以填充所有可用空間、對齊滑塊和其他一些設置的選項。

創建滑塊後,您可以使用相應的短代碼將其插入頁面,或使用提供的 PHP 代碼將其顯​​示在主題文件中。

如果您只想在您的網站上顯示基於圖像的滑塊,那麼 Meta Slider 插件就可以完成這項工作並且非常易於使用。 還可以選擇升級到此插件的高級版本。

價格:免費

Nemus 滑塊

最佳滑塊 Nemus 滑塊

免費的 Nemus Slider 讓您不僅可以將媒體庫中的圖像添加到幻燈片中。 使用此插件,您可以將來自 YouTube 和 Vimeo的視頻以及來自 Instagram 和 Flickr 的照片添加到幻燈片中。 不幸的是,您無法在滑塊中顯示來自媒體庫(或其他地方)的視頻。

創建幻燈片時,您還可以將帖子顯示為單獨的幻燈片。 但是,除了能夠按類別過濾它們之外,您無法很好地控制包含哪些帖子。 不過理論上,您可以為此創建一個特殊類別,並將其僅用於您想在滑塊中顯示的帖子。

每張幻燈片都可以有自己的標題,這些標題可以包含 HTML 。 您可以輕鬆設置標題的位置,以及選擇其動畫的方向。 幻燈片也可以設置為指向您網站上的內容或外部 URL 的鏈接。

最佳滑塊 Nemus Slider UI

Nemus Slider 的用戶界面非常容易上手。 只需創建一張新幻燈片,設置內容並添加可選標題。 發布滑塊後,您可以使用適當的簡碼將其插入您的頁面。

滑塊設置相當基本,但它們確實涵蓋了基本要素。 這包括啟用自動播放、選擇自動高度或輸入您自己的值、控制動畫速度以及一些其他設置的能力。

無論您只想在滑塊中包含來自媒體庫的圖像,還是來自 Flickr 和 Instagram 的圖像以及發佈內容,強烈推薦免費的 Nemus Slider

價格:免費

緩動滑塊

最佳滑塊 緩動滑塊

Easing Slider 是一個免費的幻燈片插件,具有有限的功能集。 但是,它確實有一個其他地方沒有的有趣功能,那就是能夠通過 WordPress Customizer 工具修改幻燈片的外觀。

最佳滑塊緩動滑塊定制器

雖然您不能通過定制器對幻燈片的外觀進行太多更改,但在您修改它的外觀時進行實時預覽是很不錯的

在創建幻燈片時,這是通過更傳統的設置頁面進行的。 將幻燈片添加到滑塊就像從 WordPress 媒體庫中選擇一張或多張圖片一樣簡單。 通過幻燈片設置,您可以手動控制滑塊的高度和寬度。 或者,您可以創建一個寬度為容器寬度 100% 的響應式滑塊

還有兩種過渡效果可供選擇:淡入淡出和滑動。 幻燈片控件可以隱藏或顯示,您可以選擇將它們放置在主滑塊區域的內部或外部。 您還可以選擇啟用或禁用幻燈片的自動播放。

緩動滑塊 UI

使用此插件創建滑塊的用戶界面易於使用,並且使用 WordPress Customizer 工具是一個不錯的選擇。 雖然沒有豐富的設置和選項可供選擇,但能夠通過定制器及其實時預覽窗口使用它們是一個很有潛力的好主意。

通過使用高級插件,您可以將視頻、HTML 字幕、觸摸和滑動導航以及燈箱窗口添加到幻燈片中。

價格:免費提供高級附加組件

LayerSlider 響應式 WordPress 滑塊插件

最佳滑塊 LayerSlider WP

LayerSlider 響應式 WordPress 滑塊插件是非常受歡迎的高級選項,迄今為止已累積超過 30,000 次銷售。

可以使用此工具創建的幻燈片以及圖像和視頻畫廊可以具有高級動畫效果,以真正使您的滑塊脫穎而出 - 只需看看這個演示。 事實上,有 200 多種幻燈片過渡可供選擇,您可以將 13 種不同的皮膚中的一種應用到幻燈片中。

在為幻燈片創建內容時,您還可以選擇使用動態帖子內容,以及更傳統的靜態文本、圖像和視頻。 您還可以將 HTML 添加到幻燈片中,然後使用自定義 CSS 設置樣式。

儘管您確實可以選擇創建一些令人興奮且公認的資源密集型全屏動畫幻燈片,但您不必使用 LayerSlider 插件的所有功能。 如果您稍加克制,您仍然可以發布更傳統的幻燈片,不會導致訪問者的瀏覽器停止運行。

最佳滑塊 LayerSlider WP UI

提供瞭如此多的選項和功能,用於創建幻燈片的用戶界面有點讓人不知所措。 但是,一段時間後,它確實開始變得更有意義。 儘管如果您確實想充分利用此插件的潛力,那麼當您通過各種設置和選項進行工作時,將會有一個學習曲線。

這絕對是一款適合高級用戶的產品。 雖然它無疑是一個功能強大的工具,但可用的在線文檔有限,您很容易發現自己花費大量時間為您的網站構建完美的滑塊,結果好壞參半。

價格:17 美元

滑塊革命

最佳滑塊滑塊革命

Slider Revolution 是 WordPress最受歡迎的高級幻燈片生成器插件。 它的銷量超過 58,000,僅次於 CodeCanyon 市場上的 Visual Composer 頁面構建器插件。

該插件的許多功能中的一些包括視差圖層效果、高級圖層時間線、拖放幻燈片編輯器、全屏視頻背景以及許多其他動畫和過渡效果。

創建滑塊時,您可以選擇顯示文本、圖像和視頻以及發佈內容。 如果您確實想將帖子內容用作滑塊的源材料,您可以選擇要包含的特定帖子,或特定類別中的所有項目。

幻燈片中的每張幻燈片都可以有自己的過渡效果、可見期、動畫時間線、鏈接和背景內容。 然後,您可以使用網格佈局和圖層系統向幻燈片添加內容。 幻燈片上的各個圖層也可以有自己的動畫和運動效果,讓您的幻燈片真正栩栩如生。

滑塊革命用戶界面

幻燈片編輯器包括許多可應用於內容的預建按鈕和样式。 您可以通過可視化編輯器編輯所有可用樣式,或快速訪問底層 CSS 以真正個性化它們。 您還可以通過編輯器將幻燈片元素拖放到位。

雖然 Slider Revolution 插件的幻燈片創建頁面很大,並且包含設置和選項,但它們確實比 LayerSlider 插件更直觀和易於管理

儘管此插件的功能集和功能可能與 LayerSlider 插件相當,但 Slider Revolution 具有更友好的用戶界面,並且感覺對於大多數用戶來說更容易上手。

價格:18 美元

MotoPress 滑塊

MotoPress 滑塊插件

MotoPress Slider 插件是一個高級選項,使您能夠將完全移動響應的內容滑塊添加到您的 WordPress 網站。

該工具的一些顯著功能包括對文本、圖像和視頻內容的支持; 觸摸屏設備的優化; 動畫過渡效果; 以及顯示在 YouTube 和 Vimeo 上託管的視頻的能力,以及在您的媒體庫中或在其他地方託管的視頻的能力。

一旦插件在您的 WordPress 網站上處於活動狀態,您就可以開始根據需要創建任意數量的滑塊。 用於構建幻燈片的用戶界面利用原生 WordPress UI 來幫助在您網站的後端區域創建一致的外觀和感覺。

該插件使用網格佈局來組織添加到每張幻燈片的內容。 每個網格可以容納多個元素,例如文本、圖像、按鈕和視頻。 這使您可以構建內容豐富且必要復雜的幻燈片。 每張幻燈片也可以有自己的背景圖片或視頻

MotoPress 用戶界面

如果您確實選擇將視頻添加到幻燈片中,則有多種文件格式可供選擇。 這包括 MP4、WebM、OCG,以及前面提到的 YouTube 和 Vimeo 內容。

創建幻燈片時,您可以設置它們的可見性以防止未登錄的用戶訪問它們,以及設置在您的網站上可以訪問它們的時間段

創建幻燈片後,您可以使用相應的短代碼將其插入到您的內容中。 通過滑塊設置,您可以選擇將幻燈片設為全屏或固定寬度。 為了幫助您創建項目所需的滑塊,在線提供了有用的文檔和視頻教程。

雖然 MotoPress 滑塊可能缺少其他流行的高級滑塊插件的一些特性和功能,但這確實使創建有吸引力的內容滑塊的過程更快、更容易

定價: 19 美元起

結論

從高級滑塊插件的銷售情況以及包含此功能的高級主題的數量來看,幻燈片肯定是一種流行的網頁設計功能,沒有消失的跡象。

雖然您不應該僅僅因為您可以或因為其他人都這樣做而向您的網站添加滑塊,但他們確實有時間和地點。 如果您可以通過增加用戶體驗的方式來利用這個流行的功能,而不是簡單地嘗試通過一系列動畫、圖形和視頻來讓您的訪問者驚嘆,那麼添加幻燈片是一種久經考驗的方式升級您的網站。

在推薦 WordPress 滑塊插件時,它實際上取決於您的預算、您需要什麼功能,也許最重要的是,您希望能夠輕鬆地將幻燈片添加到您的網站。

雖然高級選項在價格上相當匹配,但功能和易用性之間存在差異。 想要快速簡便的解決方案的用戶會喜歡 MotoPress 滑塊。 而另一方面,那些準備投入時間和精力來掌握其他兩個高級選項的人,應該能夠解鎖一組更強大的功能,並有可能為他們的網站創建更高級的幻燈片。

最重要的是免費選項做得很好,Nemus Slider 在一個易於使用的包中提供了一組有吸引力的功能。

有了可供 WordPress 用戶使用的大量免費和高級滑塊插件,您應該可以輕鬆找到適合您的需求和預算的工具。

您將在您的網站上使用哪個滑塊插件? 您打算如何在您的網站上使用幻燈片? 您是否認為滑塊已被主題和網頁設計師過度使用,或者您認為他們仍然可以向網站添加內容? 請在下面的評論中分享您的想法。