Up until the release of WordPress 2.9, setting up “post-image” support for your blog was a bit more tedious a task than it really needed to be. Luckily, that’s no longer an issue. I’ll show you how to get setup in this four minute video quick tip.
Step 1. Edit your Functions.php Page
// Enable support for post-thumbnails
add_theme_support('post-thumbnails');
// If we want to ensure that we only call this function if
// the user is working with WP 2.9 or higher,
// let's instead make sure that the function exists first
if ( function_exists('add_theme_support') ) {
add_theme_support('post-thumbnails');
}
Step 2. Insert the Image Tag into your Loop
Within the “if have_posts()” loop, simply place this piece of code anywhere you like. At that point, WordPress will insert an image tag onto the page accordingly. Please note that you’ll have access to a “wp-post-image” class that you may then work with to format/style the image.
<?php the_post_thumbnail(); ?>
- Follow us on Twitter, or subscribe to the Nettuts+ RSS Feed for the best web development tutorials on the web.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Jeffrey Way
Getting Good with JavaScript
Learn how to liven up your webpages, from start to finish. Veteran Nettuts+ author Andrew Burgess helps you Get Good with JavaScript.
Join our newsletter!
UberMenu - WordPress Mega Me ... only $16.00 
RoyalSlider – Touch-Enable ... only $12.00 
Kult House - More
Web Basix
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Thanks for the overview!
—
vishalpanjwani@hotmail.com
I don’t know why in my case when I’m doing this tutorial my dashboard after refresh any thing like page content, navigator is white, there are not anyhing. I’m sorry my english.
ﾒｰﾙ友達がすぐに作れちゃうｻｲﾄ!完全無料だからはじめてでも安心・簡単に作れちゃいます。趣味別、年齢別など豊富なｼﾞｬﾝﾙから探せるからﾒｰﾙ友達が作りやすい
Came across this page with a Google search query string of: “how to use wp post thumbnail”.
Just wanted to say this little video at the top provided both an awesome visual and audio explanation/demonstration me exactly what I needed for my project.
For those of you that are checking whether a post has a thumbnail or not, and displaying a default image if one doesn’t exist… Search the WP Codex for the function/reference “has_post_thumbnail()”.
http://codex.wordpress.org/Function_Reference/has_post_thumbnail
//This must be in one loop
if(has_post_thumbnail()) {
the_post_thumbnail();
} else {
echo ”;
}
Came across this page with a Google search query string of: “how to use wp post thumbnail”.
Just wanted to say this little video at the top provided both an awesome visual and audio explanation/demonstration me exactly what I needed for my project.
For those of you that are checking whether a post has a thumbnail or not, and displaying a default image if one doesn’t exist… Search the WP Codex for the function/reference “has_post_thumbnail()”.
http://codex.wordpress.org/Function_Reference/has_post_thumbnail
//This must be in one loop
if(has_post_thumbnail()) {
the_post_thumbnail();
} else {
echo ”;
}
Came across this page with a Google search query string of: “how to use wp post thumbnail”.
Just wanted to say this little video at the top provided both an awesome visual and audio explanation/demonstration me exactly what I needed for my project.
For those of you that are checking whether a post has a thumbnail or not, and displaying a default image if one doesn’t exist… Search the WP Codex for the function/reference “has_post_thumbnail()”.
http://codex.wordpress.org/Function_Reference/has_post_thumbnail
//This must be in one loop
if(has_post_thumbnail()) {
the_post_thumbnail();
} else {
echo ‘<img src=”‘.get_bloginfo(“template_url”).’/images/img-default.png” />’;
}
Any possibility of using post thumbnail, when using video as the source not an image?
Great tutorial, very simple, thank you.