Jun 8 2010
How to add featured content slider into wordpress blog???
 
Probably the most well-known features to own within websites today are the “featured content slider” (or “featured post slider”). It gives individuals a glimpse in to your own better articles and can catch their own interest straight away
In this guide, I’ll demonstrate how you can add a slipping articles region for your WordPress website. You can download the source code with the tutorial, which in turn contains everything you need to set this little thingy on your site in 5 minutes max.
Putting a Featured Content Slider

Presents itself this kind of page, we are likely to add a featured Content Slider using the awesomejQuery plugin Easy Slider 1.7 by Alen Grakalic. I really like his wordpress plugin because it’s very simple to apply as well as built really well.
Leap back into the featured_area div we created earlier, and also construct yourself a small list of links like so,
View plaincopy to clipboardprint?
<div id=”feature_slider”>
<ul>
<li><a href=”#”><img src=”<?php bloginfo(‘template_directory’); ?>/images/image1.jpg” alt=”First Slide” /></a></li>
<li><a href=”#”><img src=”<?php bloginfo(‘template_directory’); ?>/images/image2.jpg” alt=”Second Slide” /></a></li>
<li><a href=”#”><img src=”<?php bloginfo(‘template_directory’); ?>/images/image3.jpg” alt=”Third Slide” /></a></li>
<li><a href=”#”><img src=”<?php bloginfo(‘template_directory’); ?>/images/image4.jpg” alt=”Fourth Slide” /></a></li>
</ul>
</div>
Observe which the actual links point to nowhere regarding now, you could set any address you like there. In addition, the particular image path points first to the theme directory, wherever you will certainly be uploading this particular very document you tend to be producing, thus merely upload your images into an images folder in your designs root.
Now we require adding a bit of CSS to handle the slider and columns. So open up your style.css located in your theme’s root and find a cozy place to add some styling.
Share
FTC - Site employs income earning affiliate linking

Written by

View all posts by:

Categories: Uncategorized