10+超棒的 WordPress 图像滑块/幻灯片插件

本文目录
[隐藏]

• 1WOW Slider
• 2Super Slider
• 3Nivo Slider
• 4Meta Slider
• 5Smooth Slider
• 6Len Slider
• 7WordPress Thumbnail Slider
• 8SlideDeck 2
• 9FlexSlider – 专为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

小结