Slyd

Slyd is an easy-to-use, highly-customizable slider plugin for WordPress. There are plenty of plugins out there that allow you to easily insert a slider into your WordPress using a shortcode but they require creating a custom slide for every post you write.

With Slyd you can shirk those inconveniences. Slyd automatically pulls in all of your latest posts (or just the ones in a certain category). All Slyd requires is that you upload a Slyd image on your post page.

Features

CSS3/jQuery Animations

Slyd is built to be pretty so naturally it uses CSS3 and jQuery to impress viewers.

Graceful Breakdown

We know that users don’t always use the latest browsers so Slyd is built to look good even if a user doesn’t support technology like CSS3 and jQuery.

Category Selection

Create a new Category or use an existing one to limit the posts that display in the Slydr.

Shortcode

Normal users can insert the [slyd] shortcode to display the Slydr.

PHP Template Tag

For more advanced users, install Slyd into a theme using <?php slyd(); ?>.

Responsive Design

Slyd is built to scale with it’s container, allowing it to look great whether it’s on a desktop, tablet, or mobile phone.

Usage

Either use the shortcode [slyd] in a post or page or place in <?php slyd(); ?> your templates. The Slyd shortcode and template tag both support the following options:

Slyd Category

category – Separate multiple categories with commas. Slyd displays all categories by default.

How Many Posts to Display

slydcount – Default is 5.

Navigation

nav – Determines how to display the navigation arrows. Options are show for always visible arrows, hide to get rid of the arrows entirely, or hover to only display the arrows when a user hovers over the Slydr. Defaults to hover.

Slydr Height

height – Must be defined in pixels, but don’t include the unit (i.e. height=’500′). Defaults to the height of your tallest slyd image.

Slydr Width

width – Can be defined in any unit, i.e. %, px, em, etc. Must include the unit (i.e. width=’960px’). Defaults to 100%.

Outline Color

outline – Can be defined as any CSS readable color (i.e. #00f, #0000ff, rgba(0, 0, 255, 1), red) or set to none. Defaults to black.

Show/Hide Titles

show_titles – Can be set to either true or false. Defaults to true.

Show/Hide Captions

show_captions – Same as show_titles, but for excerpts.

Speed

speed – Set how long each slyd should display. Define in milliseconds (1000 = 1 second). Defaults to 4000 or 4 seconds.

Autoadvance

autoadvance – Set to false to stop autoadvance. Defaults to true.

Examples

Shortcode

[slyd category='foo' slydcount='3', nav='show' height='300' width='960px' outline='orange' show_titles='false' show_captions='false' speed='3000' autoadvance='false']

Template Tag

<?php slyd( $category, $slydcount, $nav, $height, $width, $outline, $show_titles, $show_captions, $speed, $autoadvance ); ?>

<?php slyd( 'foo', '3', 'show', '300', '960px', 'orange', false, false, 3000, false ); ?>

Trezy, I still need help!

Then shoot me an email! I’ll take bug complaints, help questions, feature and song requests at tre@trezy.com. I’ll be happy to help you out with whatever you need!

~Trezy