Add Continue Reading button with thumbnail image in teaser box(Home page) of thesis theme

We have posted about how to add social share buttons to thesis teaser box.Here is a thesis tutorial on how to add Continue Reading button with a thumbnail image in teaser box (Home page) in WordPress.There is no need for any hooks for this as the thesis theme itself provides the options for customizing the link to full article text and thumbnail images

Adding Continue Reading button to homepage:

1.In your WordPress dashboard,go to Thesis>>Site options and Under Teaser Options choose the check box of link to full article.

Continue-Reading-teaser

2.Under the same Teasers settings in the link to Full Article Options text box change to the following text(The text will appear on the link to read the full article in the home page,you may change the text to your wish)

Continue Reading →

Continue-Reading-text

3.Now under Homepage and Display options make sure you have changed the Number of featured posts to show to 0 to turn off teasers entirely.

Continue-reading-button

Adding thumbnail image to right of the thesis teaser box:

4.Now for displaying thumbnail images in your homepage teaser box,go to Post Images and Thumbnails and make the settings as shown below

Thumbnail-images-home-page

5.In the Default Thumbnail Settings,under horizontal position options- choose Right with text wrap and in Vertical position options- choose before post/page content as below

Thumbnail-image- teaser

Note:Make sure you have selected the check box to add frame to the thumbnail image and changed the default thumbnail width and height to 125

8.Its all done!!Now save the settings and refresh you home page to see the changes.

Hope you have added the continue reading button and thumbnail image  successfully to your blog homepage.If you want to have a  unique thesis theme you can hire us at an affordable rate.You can contact us via the contact page.

You can also have a look at the previous posts about thesis customization for more thesis tutorials like this.Also don’t forget to join our  facebook  page for getting the latest updates about thesis tutorials.

10 comments… add one
  • vivek Dec 26, 2011 @ 18:54

    how ca i use in blogger?

    • Gowtham Dec 26, 2011 @ 20:10

      @Vivek.I will try to do a post on how to add this button to blogger shortly..Thanks

  • Rajib Kumar Jan 27, 2012 @ 23:15

    Hey Gowtham, this tutorial not working for my blog. Please check out my blog.

    • Gowtham Jan 28, 2012 @ 21:08

      @Rajib Kumar.I checked your blog.Make sure that your have applied the setting in your thesis options to show Continue reading button in your Wordpress dashboard.If not Contant me via mail or facebook ,i will help you 🙂

  • Mike Lamb Feb 13, 2012 @ 4:42

    Gowtham, thanks for the post. I have one question how do I get the actual image to show up?

    Thanks for the help.

    • Gowtham Mar 25, 2012 @ 14:21

      Hai Mike, you can use the built in featured image setting in each post or you can use timthumb.php file to show the actual images.Hope this helps.:-)

  • durga Apr 17, 2012 @ 10:48

    Hi,

    I did everything as ur post and it worked fine. But, i need to get read more button equally below the thumbnail. Any help?

    • Gowtham Apr 21, 2012 @ 10:45

      Mail us your website address and the how you want the read more button in detail to mytechshout07[at]gmail.com .Thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *