Smooth Slider: Free WordPress Plugin For Slideshow Of Featured Posts

Overview: A free WordPress Plugin to assign a post as featured posts on a blog and then create a slideshow with them to show at any location on a blog. Some of the important features of this plugin are as below:

Highlighted Features :

1. Search Engine Optimized Slideshow

2. Fully Customizable CSS

3. Choose Posts and Pages as Featured Posts/Pages on Single Click

4. Simple but Decent Slideshow

5. Match Slideshow With WordPress Theme

6. No Need Of Knowledge of PHP, HTML or CSS

7. Widget and Shortcode Ready

8. Create Multiple Sliders and add individually on different posts or pages using ID

9. Easy To Install Plugin

10. Full Support Available

11. Readable by search engine as you can see the screenshot on Lynx browser available on our blog

12. Option for trasparent background, so that rounded corners can be supported

13. Slider Preview in admin panel

14. Can convert to pure image Slider

15. Facility to put Custom Images in place of navigation numbers

16. Images Original Size as well as custom size Option

17. Pick image from content or the custom field

18. New custom field implementation, to allow not to display images on selective posts

19. A new template tag to display Category specific posts on Smooth Slider

20. A new template tag for WPMU, to get slider posts from all over the WPMU site

21. Option to change Read More text and also put it in your language

22. Permission setting option to restrict the users from adding posts to Smooth Slider

23. Remove posts and pages from Smooth Slider selectively or remove all the posts from the slider at one go from the settings page itself

24. Option to retain specific html tags in the slider posts

25. Option to specify custom text or html in place of navigation numbers or buttons

26. Smooth Slider complete uninstall on plugin Delete

27. A new custom field slide_redirect_url can be used for a post/page to redirect that slide to some other custom url other than the permalinkof the post/page

Video Tutorial – Smooth Slider

Usage Details

1. If you want the slideshow on your home page, then open Index.php file from “Dashboard” by clicking on Tab “Appearance / Editor” and paste the following piece of code at the suitable place.

if ( function_exists( 'get_smooth_slider' ) ) {
     get_smooth_slider(); }

If you want to put the slider before the list of articles on your WordPress blog homepage, put the above piece of code before the WordPress Loop (the code is a php code, so ensure that it is enclosed within the php tags). WordPress loop code is shown below:

if(have_posts()) : while(have_posts()) : the_post();

Complete example:

<?php if ( function_exists( 'get_smooth_slider' ) ) {
  get_smooth_slider(); }
if(have_posts()) : while(have_posts()) : the_post();
   ....(rest of the loop code)
?>

2. The content in the slider can be picked up from either the post content or the post excerpt or a new custom field slider_content. You can add the custom field on the Edit Post panel for each of the posts.

3. You can also put a thumbnail image for each of the featured post on Smooth slider. All you need to do is create a new custom field slider_thumbnail on the edit post panel for the particular post and put the link or source URL of the image in the value column.

4. Almost all the fields that appear in the Smooth Slider are customizable, you can change the looks of your Slider and make it suitable for your theme. The defaults set are according to the Default WordPress theme. Also, you can change the number of posts appearing in the slider and the pause or interval between the two consecutive posts on the slider. For making these changes, there would be  a settings page for Smooth Slider in the wp-admin screen of your blog, once you enable the plugin.

5. On the “Miscellaneous” section of the settings page => put all the html tags that you wish to retain in the “Retain these html tags” input field.  Put the tags in the following manner,

<br><a><p>

Don’t separate them using commas, neither use “/” anywhere.

6. If you have selected “First Image from the Content “ (Refer above point), then it may happen that for a certain post you do not wish to display any image though the post has a image in the content. In such case, just populate ‘x’ (without quotes)  in the custom field slider_image_control for that particular post or page. Then no image would be displayed at all. This would enable the selective inclusion of images on the slider.

7. In case you wish to redirect a slide to another URI other than the permalink, you can use the custom field slide_redirect_url for the post/page to specify to which URL you wish to redirect that slide when the visitor clicks on it.

Frequently Asked Questions and How To’s

Changelog For Smooth Slider

Version 2.3.5 (06/13/2011)

1. Fix: An extra div tag at the end of the slider html was causing the slider break on Safari in a particular case. Thanks to Michael Preisner for pointing out the issue.
2. Fix: On new pages, posts, the default slider sltysheet should be the one selected thru Smooth Slider settings and not the actual ‘default’ stylesheet.
3. Fix: noscript tags should have the text enclosed in ‘p’ tags to make Smooth Slider validate on XHTML strict. Thanks to Martin Wilcke for pointing this out.
4. Fix: The shortcode stripping was not working when there was an immediate anchor tag within the shorcodes. Rectified this bug. Thanks to Oscar of Innovacionweb for pointing this issue.
5. Fix: Using the WP Minify 1.1.6 plugin with Smooth Slider 2.3.4.1 caused a 400 Bad Request error and the resulting html page ended up with no composite CSS file since Minify failed. This was in a special case when the slider is embedded on single page or a post and you updated from the older version of Smooth Slider (2.3.2 or less) to new version. Added a fix for this. Thanks to Doug Foster of theideamechanics.com for pointing this out.
6. New: Option to enable the ‘Flash of Unstyled content’ while page load, which is disable by default. By default the slider will load once complete DOm elements are loaded (html page is ready to be served). Due to this default setting, some users feel that slider is loading slow.

Version 2.3.3 (04/24/2011)

1. Fix: Slider was not working on upgrade from older versions to version 2.3.3

Version 2.3.3 (04/16/2011)

1. Randomize the slides in Slider
2. Translation ready
3. Multiple sliders can have different titles
4. No script text option

Version 2.3.2 (10/13/2010)

Minor fix to release of version 2.3 1. Fix: Pages added to Smooth Slider were not displayed. Smooth Slider was turning empty. Fixed this issue 2. Along with posts, pages and media images, Smooth Slider now supports Custom Post Types

Version 2.3.1 (10/13/2010)

Minor upgrade to fix small issues with 2.3

1. Plugin compltibility will be now from WordPress 2.9 i.e. you should upgrade to Version 2.3 only if you hav WordPress 2.9 and above.
2. Fixed: For those using Smooth Slider previous versions, some were facing issue with the loading of stylesheets and script specific to slider. Fixed it.
3. Fixed: For some servers content was not pulled from the posts.

Version 2.3 (10/12/2010)

1. New – Smooth Slider Widget
2. New – Smooth Slider Shortcode
3. New – Slides can now be re-ordered thru the ‘Slider Admin Panel’
4. New – Images existing and new images added to WordPress Media Gallery can be added to Smooth Slider along with posts and pages.
5. New – Now images in the slider can be extracted in very intelligent manner. Added support for ‘Post Thumbnails (WP 2.9+)’.
6. New – Videos can be embedded in the slider. Ad can be added to the slider.
7. New – Some slides can be linked to a webpage and others can be without a link as well.
8. New – Multiple settings to the sliders on different pages thru CSS files.
9. Fixed – Scheduled Posts issue
10. Fixed – Image Caption Issue
11. Fixed – Retain HTML tags issue
12. Fixed – Permissions issue (Who can add post/page and slides to the slider and who cannot)

Version 2.2 (11/24/2009)

1.New – Multiple Sliders can now be created from the settings page. Post/Pages can be selectively put in the slider of your choice. Also, you could decide which post/page should display which slider (from the Edit Post/Page), though the page/single post template file contains regular Smooth Slider tag only.

2.New – Added an option to limit the content on the slider by ‘words’. Previously it was only with number of characters due to which sometimes for some posts the last word on the slider was shown broken. Now you can use any of the two, either limit content by number of characters or number of words

3.Fix – Fixed the issue with get_smooth_slider_cat tag. There was a bug when this tag ws used for home page. Now it is working as per the specifications.

4.Fix – For using the custom images for navigation, there was an issue with ‘getimagesize’ php function for some servers. Removed this fuction and directly put options to specify the custom images height and width.

5.Fix – When the navigation numbers are used, there was some clicking issue, like the numbers needed to be douoble clicked in order to go to that slide number. This issue was observed with some installations of Smooth Slider (like on demo page). Hopefully this would get fixed with this release.

6.Fix – Changed the name of the database table from ‘slider’ to ‘smooth_slider’ in order to avoid probable database conflicts and be more specific.

Version 2.1.2 (11/26/2009) - Check the details about Smooth Slider Version 2.1.2

1. New – Added an option to change the transition speed between two slides. Now you can control the speed with which one slide slides off and another slides in.

2. New – Added an option to enable the autostepping or autosliding or disable it.

3. Fixed – A blank slide appeared on the slider if the post which is in slider is deleted from wp-admin. Fixed the issue, now if the post which is also in slider is deleted, then it will also be removed from the slider, fixing the blank slide issue

4. Fixed – The scheduled or draft post placed into the slider will not appear on the actual slider. It will appear only in case when the post is published.

5. Fixed – WPMU issue with get_smooth_slider_wpmu_all that the post permalinks direct to a wrong url, that represents the current blog only, though the posts are pulled from other blogs. This issue is fixed in this version of Smooth Slider.

Version 2.1.1 (11/19/2009) - Check the details about Smooth Slider Version 2.1.1

1. New – Added an option whether to crop images or not. This was essential after version 2.1 because, some of us use the images from other location than the wordpress installation. In that case timthumb does not operate

Version 2.1 (11/18/2009) – Check the details about Smooth Slider Version 2.1

1. New – Now the images will not be sqashed to fit the size, rather they would be cropped properly. Used timthumb.Caution: Please use the images stored on the same domain on the slider.

2. New – A new custom field slide_redirect_url can now be specified to redirect the slide to another URL than the permalink

3. Fixed – Admin menu dropdown were getting stuck only on Smooth Slider settings page, fixed that issue

Version 2.0 (10/08/2009) - Check the details about Smooth Slider Version 2.0

1. New – Now you can add pages to Smooth Slider along with posts

2. New – Images Original Size Option

3. New – Pick image from content or the custom field

4. New – New custom field implementation, to allow not to display images on selective posts

5. New – A new template tag to display Category specific posts on Smooth Slider

6. New – A new template tag for WPMU, to get slider posts from all over the WPMU site

7. New – Option to change “Read More” text and also put it in your language

8. New – Permission setting option to restrict the users from adding posts to Smooth Slider

9. New – Remove posts and pages from Smooth Slider selectively from the settings page itself

10. New – Option to retain specific html tags in the slider posts

11. New – Option to specify custom text or html in place of navigation numbers or buttons

12. Fix – Fixed issue of Smooth Slider settings page with Internet Explorer

13. New – Optimized Smooth Slider code internally

14. New – Smooth Slider complete uninstall on plugin Delete

Version 1.2 (09/22/2009) – Check the details about Smooth Slider Version 1.2

1. New – Slider Preview in Smooth Slider’s setting page

2. New – Facility to set transparent background to the slider

3. New – Facility to Convert it to pure Image Slider

4. New – Remove all the posts from Smooth Slider in one click

5. New – Custom Images in place of navigation numbers

6. Fixed – CSS id names and class name fixed, to avoid probable conflicts with theme styles and other plugin styles

Version 1.1 (09/14/2009) – Check the details about Smooth Slider Version 1.1

1. New – Active Slide in the slideshow will now be highlighted with bolder and bigger navigation number

2. Fixed – Added No Script tag brosers not supporting JavaScript for showing the slideshow

3. Fixed – Issues with WordPress MU Smooth Slider Options update from setting page

Credits

1. FeatureMe WordPress Plugin – serving as a strong base for our development. Thanks to Oscar Alcalá.

2. Farbtastic Color Picker – for fabulous color picker jQuery plugin, we could include it on our settings page. Thanks to Steven Wittens

3. jQuery JavaScript Library – for invaluable jQuery javascript library which made all our tasks so fast and easy. Thanks to John Resig and team.

We also express our thanks to all the plugin developers whose invaluable plugins and codes helped us learn how to write WordPress plugins. And we are always grateful to WordPress Codex whose detailed and flawless guidelines always served as best resource to learn wordpress core and develop the base.

Installation

This plugin is easy to install like other plug-ins of WordPress as you need to just follow the below mentioned steps:

1. Copy Folder “Smooth Slider” from the downloaded and extracted file.

2. Paste it in “wp-Content/plugins” folder on your WordPress Installation

3. Activate the plugin from Dashboard / Plugins window.

4. Now Plugin is Activated, Go to the Usage section to see how to use Smooth Slider.

Upgrade

You can upgrade the plugin to latest version from Dashboard / Plugins page of your blog. Go to that page, and scroll down to “Smooth Slider”. If you are getting a message that “There is a New version of Smooth Slider is available, View version details or Upgrade Automatically”. Click on “Upgrade Automatically” to get the latest version installed on your WordPress.

You can also download the latest versions from here and then follow the below mentioned method of manual upgrade,

1. Download the latest version of Smooth Slider from this page

2. Extract and Copy the folder “Smooth Slider”

3. Deactivate the Smooth Slider on your blog from Dashboard / Plugins page

4. Replace the Older Folder of Smooth Slider from “wp-content/plugins” folder on your blog installation.

5. Activate the Smooth Slider from Dashboard / Plugins page.

Done! Now you have upgraded the plugin to latest version.