10+超棒的 WordPress 圖像滑塊/幻燈片外掛程式

本文目錄1WOW Slider2Super Slider3Nivo Slider4Meta Slider5Smooth Slider6Len Slider7WordPress Thumbnail Slider8SlideDeck 29FlexSlider – 專為WordPress開發者10小結

是否厭倦瞭毫無特色的純文字排版?想為你的網站添加一些吸引眼球的元素?為你的網站或文章添加WordPress幻燈片吧!今天,就為你推薦10個很棒的WordPress幻燈片外掛,一起來看看吧。

WOW Slider

wpdaxue.com-201303365

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

wpdaxue.com-201303366

Super Slider 也是一個基於 jQuery 的自適應寬度的WordPress幻燈外掛,支援兩種不錯的幻燈特效,支援手機移動設備,可以使用簡碼

[super 1/](1是id)插入到文章/頁面/小工具中,或者可以直接集成到主題中。

Super Slider 預覽   下載Super Slider

Nivo Slider

wpdaxue.com-201303367

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

wpdaxue.com-201303368

Meta Slider 是一款集Nivo Slider, Flex Slider, Coin Slider or Responsive Slides 四合一效果的幻燈外掛,非常強大。該外掛是建立在標準的WordPress的功能盡可能被存儲為一個自定義文章類型幻燈片,幻燈片存儲媒體文件和兩者之間的關系作為分類的數據存儲。

下載Meta Slider

Smooth Slider

wpdaxue.com-201303369

Smooth Slider 是一個Wordpress幻燈外掛,可以制作動態的圖文幻燈,支援插入到文章、頁面和自定義文章類型等,免費版的樣式要稍微少一些,不過你可以自定義CSS來達到想要的效果。

下載 Smooth Slider

Len Slider

wpdaxue.com-201303371

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

wpdaxue.com-201303372

WordPress Thumbnail Slider 是一個 WordPress 縮略圖輪播外掛,支援添加任何數量的縮略圖,可以設置高度和寬度,切換的速度和是否顯示按鈕等。

下載 WordPress Thumbnail Slider

SlideDeck 2

wpdaxue.com-201303374

SlideDeck 2 是一個支援自適應寬度的WordPress幻燈外掛,擁有多種漂亮的樣式,免費版的樣式要少些。

下載 SlideDeck 2

FlexSlider – 專為WordPress開發者

wpdaxue.com-201303376

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外掛庫刷選的,時間有限,沒有一一測試,如果你熟悉上面的某些外掛詳細使用方法,或者有更好的幻燈外掛,歡迎投稿分享,謝謝支援!

發佈留言