Many times many wordpress blog and website users asked me about adding the post thumbnail on home page. Many people download the free themes from internet and they want to add the post thumbnail on homepage. In this tutorial I will tell you how to add post st thumbnail on homepage.
First step open your functions.php file from wordpress theme folder and add following code in that file.
add_theme_support( 'post-thumbnails' );
Then open your index.php file and find the the_content or the_excerpt text. If you not find this text in this file then open your loop.php file from wordpress theme folder and find the_content or the_excerpt in that file. Before this tag you need to put following code in that file.
<div class="imgshadow"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(500,400), array('class' => 'imgshadowleft')); ?></a></div>
You need to specify your thumbnail size Here I chosen 500×400 size for me. Normally people choose the 150×150 or 200×200 size. After that use following css code for styling.
put following code in your style.css file.
.imgshadow{float:left; margin-right:5px}
How to set post thumbnail for home page?
Go to wordpress admin panel and create new post. you will find the “Featured Image” section bottom on right side panel. Click on “Set featured image” link.
Then you need to upload the image and you will find option called “use as featured image” link. Just click on that image. For help you can refer following image.
This way you can easily add the post thumbnail to your home page. For more information about wordpress thumbnail image you can read the following articles. In following you can got very detailed information about wordpress thumbnail and featured images.
Show Post Thumbnail or Featured image in WordPress RSS Feed
Add the Custom Thumbnail Size to wordpress
How to set post first image as featured image automatically
How to use the the_post_thumbnail In WordPress 3.0
Incoming search terms:
- wordpress post with thumbnail on homepage
- the_page_thumbnail post
- large thumbnail homepage post wordpress
- thumbnails homepage wordpress
- wordpress create post thumbnail in frontpage
- thumbnails images for wordpress home
- add news home page wordpress
- tutorial post thumbnail
- word press post thumbnail image float right
- wordpress api post thumb
- wordpress display post thumbnail on front page
- wordpress homepage post thumbnails
- wordpress post thumbnail api
- styling post thumbnails tutorial
- post thumb with summary in home page
- make thumbnail in wp on front page
- adding 3 thumbnails widget main page wordpress
- create a initial page wordpress post thumbnails
- display post thumbnail on homepage
- display thumbnail post in frontpage wordpress
[...] how to add post thumbnail on home page in wordpress | WordPress API [...]
Nice article. I use this all the time. One addition: many of the newer themes (e.g. the standard 3.0 theme TwentyTen) already have theme support installed. So if you open functions.php in your favourite editor, first do a search on:
add_theme_support( ‘post-thumbnails’ );
to see if this is already included. If not, then add the line.
Erik
Good! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?
Awesome post. I so good to see someone taking the time to share this information
I really appritiate your this solution. Helps me a lot
GReat Man