slYder – WordPress Slider (WordPress Content Slider) Plugin
Thank you for your interest in slYder, on this page…
slYder - Wordpress Slider Demonstration
Thank you for your interest in slYder, on this page you can learn everything there is to know about how to use the Plugin.
You can see a live demo of this plugin in action Live On the Homepage of this site
Quick Video Demonstration
The first thing you need to do is figure out where you want to place it. If you are a theme programmer you will probably be most comfortable with the template tag:
Template Tag: <?php slYder(); ?>
You can place the template tag anywhere within your theme.
You can also use the shortcode if you are unfamiliar with template tags, or if your are using a WordPress Frontpage Template
The default CSS styles of the plugin are percentage based so it should look ok on most themes, however if you want to customize it further you can click on the slYder link on the left hand side of your WordPress dashboard, there you can customize every aspect of the look and feel of the Slider.
If you know CSS you can also style the slider fairly easily (some aspects might require the !important over-ride).
When you add in a post, wordpress allows you to upload images into a specific gallery for that post, after you upload the images there is a link for gallery, adjust your images like the screenshot below to customize banner and thumbnail images.
If this is confusing, watch the video
Template Tag Variables:
If you want multiple sliders for different pages and you want to change the appearance per page you can also pass in parameters to the template like so.
<?php slYder(‘shellWidth=800&bannerWidth=750′); ?>
Here is a list of all of the parameters you can adjust:
Note: Every variable is a number in pixels or % unless otherwise specified
shellWidth – width of outer border
shellHeight – height of outer border
thumbWidth – the width of the thumbnail
thumbHeight – the height of the thumbnail
titleWidth – The background for the title
excerptWords – # of words (length) of the excerpt
slYder_posts – # of posts to cycle through
slYder_cat – id # of categories to show, can be comma seperated (e.g. 3, 4, 8 ) and can also be set to exclude categories (e.g. -3, -4)
slYder_top – offset the title from the top of the banner
slYder_right – offset the title from the right of the banner a certain amount of pixels
You Might Also Like