本文目錄1WOW Slider2Super Slider3Nivo Slider4Meta Slider5Smooth Slider6Len Slider7WordPress Thumbnail Slider8SlideDeck 29FlexSlider – 專為WordPress開發者10小結
是否厭倦瞭毫無特色的純文字排版？想為你的網站添加一些吸引眼球的元素？為你的網站或文章添加WordPress幻燈片吧！今天，就為你推薦10個很棒的WordPress幻燈片外掛，一起來看看吧。
WOW Slider
WOW Slider 是基於jQuery的圖像滑塊，擁有10多種驚人的視覺效果 (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical 和 Basic linear)，並且它完全支援自適應寬度哦！
WOW Slider 演示及下載
Super Slider
Super Slider 也是一個基於 jQuery 的自適應寬度的WordPress幻燈外掛，支援兩種不錯的幻燈特效，支援手機移動設備，可以使用簡碼
[super 1/](1是id)插入到文章/頁面/小工具中，或者可以直接集成到主題中。
Super Slider 預覽 下載Super Slider
Nivo Slider
Nivo Slider 也是一款基於自適應寬度的 jQuery 幻燈外掛，支援10多種特效，具體效果見 http://dev7studios.com/plugins/nivo-slider ，目前基於 Nivo Slider 修改得來的 WordPress 幻燈外掛有：Nivo Slider for WordPress 、Easy Nivo Slider、Simple Nivo Slider 、NIVO slider light 等，大傢可以自行去下載。
Meta Slider
Meta Slider 是一款集Nivo Slider, Flex Slider, Coin Slider or Responsive Slides 四合一效果的幻燈外掛，非常強大。該外掛是建立在標準的WordPress的功能盡可能被存儲為一個自定義文章類型幻燈片，幻燈片存儲媒體文件和兩者之間的關系作為分類的數據存儲。
下載Meta Slider
Smooth Slider
Smooth Slider 是一個Wordpress幻燈外掛，可以制作動態的圖文幻燈，支援插入到文章、頁面和自定義文章類型等，免費版的樣式要稍微少一些，不過你可以自定義CSS來達到想要的效果。
下載 Smooth Slider
Len Slider
Len Slider 是一個集 based slider/carousel/slideshow 特效的 jQuery/CSS3 WordPress幻燈外掛，可以使用簡碼
[lenslider id="SLIDER_HASH"]
插入到文章中，或者使用PHP代碼集成到WordPress主題中：
1 |
<?php if( class_exists( 'LenSlider' ) ) {LenSlider::lenslider_output_slider( 'SLIDER_HASH' );} ?> |
<?php if( class_exists( ‘LenSlider’ ) ) {LenSlider::lenslider_output_slider( ‘SLIDER_HASH’ );} ?>
或
1 |
<?php if( class_exists( 'LenSlider' ) ) {echo LenSlider::lenslider_output_slider( 'SLIDER_HASH', false );} ?> |
<?php if( class_exists( ‘LenSlider’ ) ) {echo LenSlider::lenslider_output_slider( ‘SLIDER_HASH’, false );} ?>
下載 Len Slider
WordPress Thumbnail Slider
WordPress Thumbnail Slider 是一個 WordPress 縮略圖輪播外掛，支援添加任何數量的縮略圖，可以設置高度和寬度，切換的速度和是否顯示按鈕等。
下載 WordPress Thumbnail Slider
SlideDeck 2
SlideDeck 2 是一個支援自適應寬度的WordPress幻燈外掛，擁有多種漂亮的樣式，免費版的樣式要少些。
下載 SlideDeck 2
FlexSlider – 專為WordPress開發者
FlexSlider 是基於 WooThemes FlexSlider 幻燈外掛，需要註意的是：這是專門為WordPress開發者準備的幻燈外掛，需要具備一定的 php 代碼編輯能力。
最快捷的添加幻燈占位符的方法是將下面的代碼添加到主題的 functions.php 文件：
1 2 3 4 5 6 7 |
function set_flexslider_hg_rotators() { $rotators = array(); $rotators['homepage'] = array( 'size' => 'homepage-rotator' ); return $rotators; } add_filter('flexslider_hg_rotators', 'set_flexslider_hg_rotators'); |
function set_flexslider_hg_rotators()
{
$rotators = array();
$rotators[‘homepage’] = array( ‘size’ => ‘homepage-rotator’ );
return $rotators;
}
add_filter(‘flexslider_hg_rotators’, ‘set_flexslider_hg_rotators’);
你還可以在 functions.php 文件中添加類似下面的代碼來生成固定大小的圖片：
1 |
add_image_size( 'homepage-rotator', '550', '250', true ); |
add_image_size( ‘homepage-rotator’, ‘550’, ‘250’, true );
FlexSlider 的可用參數例子：
1 |
$rotators['homepage'] = array( 'size' => 'homepage-rotator', 'options' => "{slideshowSpeed: 7000, direction: 'vertical'}" ); |
$rotators[‘homepage’] = array( ‘size’ => ‘homepage-rotator’, ‘options’ => "{slideshowSpeed: 7000, direction: ‘vertical’}" );
更多選項，請訪問 http://www.woothemes.com/FlexSlider/
可以添加下面的代碼到你的主題文件中調用幻燈：
1 |
if(function_exists('show_flexslider_rotator')) show_flexslider_rotator( 'homepage' ); |
if(function_exists(‘show_flexslider_rotator’)) show_flexslider_rotator( ‘homepage’ );
下載 FlexSlider
小結
以上外掛都是在WordPress外掛庫刷選的，時間有限，沒有一一測試，如果你熟悉上面的某些外掛詳細使用方法，或者有更好的幻燈外掛，歡迎投稿分享，謝謝支援！