• How to add Featured Content Slider in Thesis WordPress Theme

    December 23rd, 2010    by Thesis Customization Service

    by Thesis Customization Service on December 23, 2010

    DIY Thesis Theme for WordPress blogs are best known for its Content Management as well as its presentation. Latest version of Thesis 1.8 has been refined more for its flexibility and options. If you are using a lower version of Thesis, then we will recommend you to get the latest version of your Thesis Theme or you can also go through our previous article on How to Upgrade to Thesis 1.8.

    In this article, we will tell you how to add featured content slider in thesis WordPress theme. Benefit of adding Content slider to helps you summarize your best featured content of the blog or website, in a sophisticated way.  Here is a screenshot below to make it more clear.

    smooth slider thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    Below is a simple tutorial to add a content slider in Thesis WordPress Theme. In this tutorial we will be using a Smooth Slider Plugin, which works well with our scenario, without any conflicts.

    Tutorial to add Content Slider in Thesis Theme, WordPress is as under:

    1) Install Smooth Slider Plugin

    • Login to Dashboard admin of the Blog or Website. Navigate to Plugins > Add New.
    • Search for Plugin with keyword “Smooth Slider”. Find for Smooth Slider in the search list and click Install Now button underneath it.

    smooth slider search thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    • On clicking the install now button you will be redirected to activation page of plugin. Now click Activate button to complete installation of Plugin.

    smooth slider install thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    • Here we end our first step of installing smooth slider plugin.

    2) Add a Post to content slider

    • Navigate to Dashboard > Posts and select Edit under Posts Menu item.
    • In the edit posts window, click appropriate post to be added in smooth slider.
    • Further in the Post editor, scroll to the bottom of the page where you find Smooth Slider Widget.
    • Check the option to add the post to Smooth Slider, and click on Update post button (at the top).

    smooth slider post thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    • We can apply same procedure as above to add more post in our content slider.

    3) Configure Smooth Slider Plugin

    • Navigate to Dashboard Admin > Smooth Slider and select settings Smooth Slider Menu Item.

    smooth slider menu thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    • Under the Smooth Slider Settings configure the slider layout like Slider Width, height, background colour and Navigation etc.

    smooth slider size thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    • There are more advanced settings for slider enhancement, like Typography, Thumbnail Settings and Slider Content.
    • Once the configuration meets the satisfaction level, click on Save Settings button and see the preview in the same window for the content slider.
    • This ends the third step for configuring the slider feel and look.

    4) Adding Slider to Home Page Of Thesis Theme

    • Navigate to Dashboard Admin > Thesis ,select Custom File Editor under Thesis Menu Item.

    smooth slider custom thesis theme How to add Featured Content Slider in Thesis WordPress Theme

    • In the thesis Custom file editor select “custom_functions.php” file and click on edit selected file.
    • In the custom_functions.php, add the below code snippet at the end of the file.


    Make sure you backup the Custom_Functions.php file using FTP before making any changes in it. So, that you can easily revert back, when in uncertainty happens.

    // Featured Content Slider Tutorial by ThesisCustomizationService
    function thesis_content_slider() { ?>
    
    <?php if (is_home()){ ?>
    <?php if ( function_exists( 'get_smooth_slider' ) ) { get_smooth_slider(); } ?>
    <?php }
    }
    add_action('thesis_hook_before_content', 'thesis_content_slider');
    
    

    Make sure you insert the code very precisely, else it may crash or lay down your website.

    • Once everything is analysed click on the save changes button, and we are done with the setting up of Slider on the Home Page of our Theme.

    We hope this tutorial will help you to customize and spice up your Thesis Theme. If you need help with any particular thesis theme customization tutorial, do request one via Contact form.

    Subscribe to receive Free Thesis Customization Tips

    • We will send you latest Thesis Theme customization tips, hacks and tutorials to make most out of Theiss Theme.
    • You will also be receiving latest Thesis theme news, Thesis skins release, Thesis theme upgrade notices.

    5 Comments

    { read them below or add one }

    Sachin Gupta December 23, 2010 at 7:00 pm

    Excellent Wordpress slider tutorial , I learn lot’s of functionality from this tutorial. Thanks for sharing… :)

    Reply

    Cynthia Fink December 28, 2010 at 1:14 am

    I’m sure that I am staring right at the answer to this basic question, but where do you link the pictures to the slide show. My slide show is blank. Where do I tell it to pull the pictures into itself?

    Thanks in advance.

    Reply

    Rakesh Kumar December 31, 2010 at 5:50 pm

    Yes i also use this tutorial and it works but more customization we need to do some practice on CSS.

    Reply

    Hesham January 8, 2011 at 6:41 am

    Very nice tutorial, the featured content slider plugin seems to be really easy to use, then it always comes to a good styling!

    Reply

    Ionic July 9, 2011 at 3:59 am

    Great detailed info on adding sliders to thesis. Looks a little intimidating but your demo helps a lot.

    Reply

    Leave a Comment

    Previous post:

    Next post: