天天看點

11個超棒的 WordPress 響應式幻燈片插件

11個超棒的 WordPress 響應式幻燈片插件

新年伊始,萬象更新。今天,wordpress中文網給大家帶來了一個新年大禮包,11個非常優秀的wordpress幻燈片插件,這些插件全都采用響應式設計,而且全都是免費的。

這是一個越來越注重視覺體驗的網絡時代,圖檔在網站設計中占據着非常重要的地位。網站中的幻燈片元素,能夠以更加優雅地方式展示圖檔,給通路者帶來更加直覺的閱讀體驗。

基于這些考慮,我們今天将給大家推薦一些優秀的wordpress響應式幻燈片插件,這些插件都是有着廣泛的使用者基礎,經曆了時間和使用者的考驗,同時還都支援最新的wordpress 4.4版本。最關鍵的是,這些插件全部都不要錢,嘿嘿!

11個超棒的 WordPress 響應式幻燈片插件

有着60多萬使用者安裝使用的meta slider插件,在過去的一兩年之内,是免費幻燈片插件領域的王者;并且在可預見的未來,看不到有其他插件能夠迅速取代 meta slider 的位置。

meta slider插件支援4種jquery幻燈模式,nivo slider, coin slider, flex slider 以及 responsive slider 。每種幻燈模式都有自己的特效模型(淡入、折疊、淡出等)。你可以設定使用淺色或深色的樣式,也可以設定是否顯示導航按鈕。

要在wordpressde文章和頁面裡添加幻燈片也很簡單:上傳圖檔、選擇幻燈片的樣式、然後将生成的短代碼(shortcode)複制到需要的 位置就可以了。記不住短代碼也沒關系,該插件會在頁面和文章的編輯頁面裡,給你添加一個“add slider”的按鈕,非常友善。

如果你覺得這些還不夠用,該插件還提供有更進階的收費版本,價格為19美元/年。

11個超棒的 WordPress 響應式幻燈片插件

huge-it slider插件悄沒聲息地超越了排名第二的soliloquy插件,占據了wordpress插件庫第二的位置。可能是因為這個插件的名字裡包含了slider,對于新使用者來說更容易識别。對于soliloquy插件,我們稍後再做介紹。

huge-it slider插件很容易使用,隻要跟着建立幻燈片的步驟一步步來就可以了。其他幻燈片通常隻允許添加圖檔,該插件不做限制。使用此插件,你可以在同一個幻燈片中混入圖檔、視訊、以及部落格文章。

這個插件的功能非常多。最基本的功能,會在你建立新幻燈片的時候顯示;更多的功能,需要你點選菜單裡的“general options”(正常選項)裡檢視。你可以對所有選項進行設定,從載入圖檔的方式、導航的樣式,到字型和邊框的大小,以及邊框和背景顔色的選擇等。

該插件會在你的網站背景顯示一個“更新到專業版”的圖檔廣告,無法關閉。對于免費插件來說,這無可厚非。如果你确實無法容忍這樣的廣告,那麼這個插件真的不适合你。否則,這個插件确實非常不錯,因為它提供了許多超出基本功能之外的幻燈片功能。

當然,你也可以選擇購買該插件的專業版,最低價格為15美元。

11個超棒的 WordPress 響應式幻燈片插件

soliloquy插件超級簡單。隻需要将圖檔拖拽到新幻燈片中,進行适當的外觀設定(尺寸,切換速度等)。如果你想要跟進一步定制,你可以通過添加css代碼來調整幻燈片的外觀。

和别的幻燈片插件一樣,你需要将短代碼複制粘貼到需要展示幻燈片的位置。

如果你還需要更進階的功能,你可以購買專業版。先試試這個精簡版吧,喜歡的話,不妨考慮更新的事。

11個超棒的 WordPress 響應式幻燈片插件

如果你隻想要一個隻包含架構的幻燈片插件,那就是 meteor slides 了。

這個插件隻包含最最基本的幻燈片功能:向幻燈片中添加圖檔(注意,這裡要強調一下,該插件隻能建立一個幻燈片),設定大小,設定速度,選擇過度樣式(一共26個)。

這個插件就是這樣子。如果你不需要任何奢華的功能,那就選它吧。

11個超棒的 WordPress 響應式幻燈片插件

cyclone slider 2也是一個非常基礎的插件,很容易使用。此插件可以建立響應式圖檔,選項很少,包括有:入場延遲,幻燈片大小,懸停樣式等。通過滑鼠拖拽,可以友善地對幻燈片排序。

很顯然,開發者還很惦記國際化,因為該插件還提供了 rtl 支援(即 right to left,指從右向左書寫的文字,比如阿拉伯文字),你還可以使用qtranslate插件來翻譯幻燈片的标題和描述。

如果你花點錢購買進階版本,你可以擷取更多的技術支援,以及其他一些功能,比如導入導出,以及幻燈片模闆。

11個超棒的 WordPress 響應式幻燈片插件

這個非常漂亮的master slider幻燈片插件,是我測試的所有幻燈插件中最為美觀、易用的,甚至還很有趣。

隻需要拖拽圖檔到相應位置,然後從中選擇相應的設定:設定大小、剪切、選擇切換場景,然後就搞定啦。如果你還需要指導,這個插件還提供了包含不同布局的示例,比如帶有文字的幻燈片,全寬的幻燈片等。

照例不變的是,你需要将使用短代碼來把幻燈片插入到文章或頁面中。

與其他幻燈片插件的免費增值模式不同,master slider插件的廣告提供了良好的使用者體驗。在建立新幻燈片時,頁籤式的導航中出現一個綠色的“更新到專業版”選項,既不容易錯過,同時也不顯得張揚。

11個超棒的 WordPress 響應式幻燈片插件

該插件是woothemes開發的 flexslider 2幻燈插件,過于精巧煩瑣,但設定成功後可以提供各式各樣的精美簡潔的幻燈片(基本的,旋轉木馬的,視訊的,以及帶有縮略圖和導航的)。

這個插件的問題是,如果你更換了主題,那麼你的所有設定都會丢失。如果你需要更進階的功能,woothemes提供了wooslider插件,最低價49美元。

11個超棒的 WordPress 響應式幻燈片插件

slider wd的缺點在于其相當繁多的設定選項。沒錯,設定選項太多了。

設定新幻燈片的過程很簡單。隻需要拖拽想要使用的圖檔就可以了。你可以添加文字圖層、圖檔圖層、視訊圖層、社交媒體圖層、以及熱點圖層。

現在來看看設定。這些設定包括有各種各樣的選項。基本選項包括有尺寸、剪切、對齊、切換等。此外還有很多很酷的功能,比如swipe navigation滑動導航,添加水印,以及添加自己的css代碼。

還有一些樣式可以看到,但禁止使用;必須更新到進階使用者才能使用,有點誘惑性哦。進階版的價格最低20美元。

11個超棒的 WordPress 響應式幻燈片插件

雖然名字叫做smooth slider(流暢幻燈片),但是設定過程絕對和流暢無關。雖然這個插件包含許多功能(切換、導航、顔色等)值得期待,然而使用體驗讓人深感困擾,最終我放棄了使用它來設定幻燈片。

現在有許多更加易用而且免費的幻燈片插件,是以我們希望該插件的作者能夠意識到這個問題,重新設計使用者界面。

不過,如果你有充分的時間來使用這個插件,我相信你可以用來設定幻燈片,并且學會如何使用這個插件。

11個超棒的 WordPress 響應式幻燈片插件

雖然這個幻燈片插件的名字有點長,但這個插件确實超級簡單:從激活該插件到設定好一個幻燈片,隻用了不到1分鐘的時間。棒極了!

ultimate responsive image slider插件的功能沒有其他插件多,不過該插件的所有選項都在一個頁面内:不需要點選頁籤,所有的設定都在這裡,讓你輕松搞定。

使用者界面非常基礎,但很容易了解。如果你喜歡該插件,也可以購買21美元的專業版。

11個超棒的 WordPress 響應式幻燈片插件

雖然名字叫做圖檔幻燈片,但它并不像其名字暗示的那麼嚴謹。用這個插件來建立幻燈片非常簡單,就是廣告太容易讓使用者分心,而且有太多的廣告提醒使用者更新到專業版。

對于如何添加幻燈片到文章和頁面中,這個插件的提示并不夠明顯。不過,如果你點選管理側邊欄的“sliders”菜單,你可以通路到剛剛建立的側邊欄,複制相應的短代碼,然後粘貼到需要防止幻燈片的地方。

免費版本的設定選項很簡單,你可以設定大小和延遲、打開或關閉自動播放、配制導航按鈕、選擇幻燈效果等。專業版包括有360+種幻燈效果,可以添加自定義的css和javascript腳本,還可以支援多站點版本的wordprss。

希望今天我們給你推薦的這些插件,能夠在使用wordpress建站過程中給你一些幫助。你會選擇哪一個插件呢?如果你有喜歡的插件,我們上面沒有列出,也歡迎你通過評論給我們留言。

====================================分割線================================