Best & Simplest Way To Add Thumbnail to Post Excerpts in WordPress Themes

Adding images to post excerpts can be done in number of ways but the simplest & best way is the concern of most of the wordpress users. Why? Adding images using custom fields is good but not the best.

What if, after writing so many posts to your blog & then after going to add images via custom field separately for each post. Its hectic.

Why not go for a solution that is just 2 clicks away?

Yes, I am talking about the most easiest & reliable way to add thumbnail images to posts excerpts with these benefits:

[1] Using the first image of any post as the thumbnail image of that post wherever you show excerpts (archive page, feed, category page).

[2] No matter, which medium you use for storing the images used in the post, this method will work.

[3] NO need to work with custom fields. Using images that are already in the post.

In simple words, this method will work also for the images that are actually NOT hosted on your wordpress. So, you can also use blogger, photobucket or any other as your image storage medium.

So, just download the Thumbnail for Excerpts plugin for wordpress. Upload it to the wordpress directory & Activate it. All Done, it will do all the job for you. Simple & Easy.

Related Posts with Thumbnails
Leave a comment ?

21 Comments.

  1. One of the very best plugins for showing thunmnails wordpress.

  2. Posts about themes as of October 4, 2009 | All About WordPress - pingback on October 4, 2009 at 8:05 AM
  3. Not bad but all thumbs are squared, could it be possible to have a specific format ?

    • Yes its possible. Thumbnail For Excerpts Plugin allows you to customize the size, css and alignment. For your convenience I am reposting them here.
      Open the PHP file in the plugin directory & edit your preferences

      define(“TFE_ALIGN”,”left”); can be left or right

      define(“TFE_SIZE”,”100″); the size of the thumbnail;

      define(“TFE_LINK”,”yes”); can be yes or no; if yes, the image will link to the post

      define(“TFE_CLASS”,”imgtfe”); the class for the thumbnail images; you can change it or use this class in you CSS file

      define(“TFE_TITLE”,”no”); if yes, it will use titles for pictures (when you move mouse over the picture you will see the alt text).

  4. Hello,

    Thanks for your post. I was searching for a method to show thumbnails when the images are hosted in photobucket and landed down in your post.

    I activated this plug-in but it is not working for me. I don't see any thumbnails :( I am using Revolution Church template. Can you please check and get this work for me, Pretty please?

  5. if you want more manual control, I show how to create a this function on your theme, even with photobucket hosted images here: http://blog.perfectedperspectives.com/2010/firs

    This plugin looks pretty Cool though!!

  6. Hi!! I was looking just for that! but when I add it to my blog, it doesn't work. It shows the first image of the first post in all of them… if you get into my blog http://www.novedadesweb.net you'll see it. Any idea of why this could be happening? Thanks!

  7. It's one way, and it is simple, but this will only work if 1) you have an image in your post, and 2) you want the (first) image to also be your thumbnail image. I have faced both of those situations. And in case anyone missed it, here's another way (found this article from the blog post comment at this link):

    http://swiftthemes.com/2009/10/wordpress/best-w

    • Yes, Jeff
      In addition to that, this plugin can be easily used with images taken via URL in blog posts. Thumbnail for Excerpts plugin will pick the first image automatically from the post and resize to the defined values.

  8. Hi Riddhi,

    I tried it but the results are not what I hoped… Cuold you please take a look at it?

    http://abono-organico.com/

  9. this plugin can be applied to WP Page & child page, not category.
    Do you have good idea for Page?

  10. HI,

    I have a question here,

    How to define (“TFE_CLASS”,”imgtfe”); in (thumbnailforexcerpts.php)

    what code should i put in in thumbnailforexcerpts.php

    • Its Simple, just open the thumbnailforexcerpts.php in the Plugin directory & serch for TFE_CLASS. you can change the attribute there. But if you dont find it there you can simple add it at the bottom of pre-defined custom attributes.

    • Its Simple, just open the thumbnailforexcerpts.php in the Plugin directory & serch for TFE_CLASS. you can change the attribute there. But if you dont find it there you can simple add it at the bottom of pre-defined custom attributes.

  11. Thumbnail For Excerpts Plugin allows you to customize the size, css and alignment. For your convenience I am reposting them here.
    Open the PHP file in the plugin directory & edit your preferences

    define(“TFE_ALIGN”,”left”); can be left or right

    define(“TFE_SIZE”,”100″); the size of the thumbnail;

  12. hi its not working for me too. i use thumbnail for excerpts plugin. I saved one image from photobucket and tested. not worked into thumbnail. If I manually upload images into the host and inserted into post then thumbnail automatically came. how to get photobucket images automatically as thumbnails. site theme is freshlife.

Speak Your Mind


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackbacks and Pingbacks: