Insert Thumbnail Images In Your Homepage Post Excerpts
Under normal circumstances, if you are not using a theme that comes with the the Customs Filed functions written in, you cannot insert images to your homepage excerpts. Many bloggers likes to show just a small excerpt of their post in the front page by inserting the “read more” command when they write a post or by using available plugins as this method of posting reduces the chances of Google seeing duplicates in your blog. The downside is of course, all html formatting like links and images are automaically excluded when using post excerpts. While the exclusion of the html formattings are not a bg loss, as your readers will click on the “continue” link to finish reading what you have posted, the loss of images within those short excerpts makes your homepage very dull and boring.
If you know the codes to include, you can make use of the Custom Fields, but even then, it is quite tedious. Unless you know how to make the images auto re-scale to fit into the post excert, you will have to upload 2 images for one post if you decide that you want images in both the single post and in the excerpts. You will have to upload a normal size image for your single post and a thumbnail size image for the excerpts.
This problem is solved with a plugin I found via Weblogtools today. Titled “Thumbnail For Excerpts” this wonderful plugin will insert a thumbnail image within your homepage excerpts with no effort on your side. All you have to do, or should I say, don’t need to do, is to post like usual, insert whatever image into your post like usual and this plugin will detect the image, look for the default thumnail image that WordPress creates for all your images that you have upload, scale it to your preferred size, and insert it into the post excerpts in your blog’s homepage. Really cool.
You can also edit the plugin to increase or decrease the size of the thumnail, change the alignment and if you know a little CSS, you can add things like a border or whatever to the image. Instructions are given for the various adjustments you can make in the author’s plugin page. The only goruse I had with this plugin was the margin between the image and the post, but that is easily taken care of by using the stylesheet.
As per instruction, the styling can be done with the default class, imgtfe, which means what ever variables assigned to this class will effect the look of the thumbnail. So to seperate the image and the post a little bit further from each other, you can assign a small instruction to the imgtfe like thus,
.imgtfe { float: left; margin-right: 10px; }
This will give you a 10 px wide margin between the post and the image and it makes the post excerpt looks neater. If you want to float it to your right, just change the words accordingly.
For those who has difficulty getting the right images for their posts, there is another plugin called Photo Dropper. Ultimate Geek Girl did a short review of it and she finds locating and to your blog with this plugin can be a real time saver.
Other Awesome Articles
- Display Thumbnail Images In Post Excerpts
- Better Display Of Images In your WordPress Post Excerpts
- Wrapping Text Around Your Thumbnail Images
- Align Image In Post WordPress 2.7
- Adding Thumbnails To WordPress 3 Default Theme
- Inserting and Aligning Images In Your WordPress Blog
- Video Tutorial – How To Insert Codes In WordPress Themes
- Aligning Images With Your Stylesheet.
Users who found this page were searching for:
- headway variable thumbnail size
- wordpress excerpts images only
- thumbnail in excerpt
- insert image in excerpt
- wordpress image in excerpt
- thumbnails in excerpts wordpress
- wordpress show image in excerpt
- wordpress excerpt image
- wordpress image excerpt
- post-excerpt thumbnail wordpress
6 Responses to “Insert Thumbnail Images In Your Homepage Post Excerpts”
Comments
Read below or add a comment...

If you enjoyed this post, whether it's awesome or lame, consider leaving a comment or 









Where was this plugin when I still owned bloggin-ads
This would’ve worked great for my posts, since I always used images.
-Mike
wow, Mike I didn’t know you sold bloggin-ads.
You have an awesome thing going on there at your new site. It’s going to make you rich!
Hi I am using it in my site. It works only on tags and feeds. But not working on home page. How to active home this for home page.
@Web Host,
But you don’t even have images in your posts.
Where can I find the CSS class declaration imgtfe? It’s not in my current theme’s CSS.
Should I just declare it there?
Jonathan,
It’s not in your theme. Just copy the line of code and paste it anywhere in your stylesheet.