Description

The slider can be used to present a selected content like images, video, pages or posts. It accepts a variety of parameters.

Common uses might be to:

• Display an images as slideshow (autoplay option an available).
• Show a content of selected pages.
• Show a selected posts.
• Show a plain content.
• Show a video.
• Show mixed slides.

Example #1

Mostly simple image slider.

[slider]
[slide type="image" src="http://farm5.static.flickr.com/4076/4896397719_766e05d42c.jpg"]
[slide type="image" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850.jpg"]
[slide type="image" src="http://farm5.static.flickr.com/4101/4924082688_2baea0a977.jpg"]
[/slider]

Example #2

Image slider with fade transition + navigation inside section + circular option.

[slider transition="fade" nav="inside" circular="yes"]
[slide type="image" src="http://farm5.static.flickr.com/4101/4924082688_2baea0a977.jpg"]
[slide type="image" src="http://farm5.static.flickr.com/4076/4896397719_766e05d42c.jpg"]
[slide type="image" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850.jpg"]
[/slider]

Example #3

Image slider with slide transition + autoplay (5 seconds).

[slider transition="slide" autoplay="5000" circular="yes"]
[slide type="image" src="http://farm5.static.flickr.com/4076/4896397719_766e05d42c.jpg"]
[slide type="image" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850.jpg"]
[slide type="image" src="http://farm5.static.flickr.com/4101/4924082688_2baea0a977.jpg"]
[/slider]

Example #4

Image slider with custom size and gray style. Images are clickable.

[slider width="240" height="180" style="gray"]
[slide type="image" src="http://farm5.static.flickr.com/4141/4923483521_4be271e2c8.jpg" link="http://flickr.com"]
[slide type="image" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850.jpg" link="http://google.com"]
[slide type="image" src="http://farm5.static.flickr.com/4115/4923756533_1ce5355d3a.jpg" link="http://flickr.com"]
[/slider]

Example #5

Video slider with custom size and gray style.

[slider width="865" height="390" style="gray"]
[slide type="youtube" id="WGpJUh9j-jU"]
[slide type="vimeo" id="5979501"]
[/slider]

Example #6

One selected post and one selected page. A white style slider.

[slider style="white"]
[slide type="post" id="337" title="yes" date="yes" excerpt="yes" thumb="right" thumbh="150"]
[slide type="page" id="44"]
[/slider]

Example #7

Mixed slides: Post + Video + Image + Page.

[slider width="500" height="230" style="white" circular="yes" transition="slide"]
[slide type="post" id="337" title="yes" date="yes" excerpt="yes" thumb="left" thumbw="125" thumbh="150"]
[slide type="youtube" id="WGpJUh9j-jU"]
[slide type="image" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850.jpg"]
[slide type="page" id="44"]
[/slider]

See also

• Shortcode Reference / slider
• Shortcode Reference / slide
• Examples