Quick Tip: How to Use the New
videos

Quick Tip: How to Use the New “Post-Thumbnail” Feature in WordPress 2.9

on Feb 4th 2010 with 79 comments

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(); ?>

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
← Older Comments
  • Vish

    Thanks for the overview!

    —

    vishalpanjwani@hotmail.com

  • Chris

    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.

  • http://meeting-groups.com/mail/ メール友達

    ﾒｰﾙ友達がすぐに作れちゃうｻｲﾄ!完全無料だからはじめてでも安心・簡単に作れちゃいます。趣味別、年齢別など豊富なｼﾞｬﾝﾙから探せるからﾒｰﾙ友達が作りやすい

  • http://www.michaelbrentecklund.com/ Michael Ecklund

    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 ”;
    }

  • http://www.michaelbrentecklund.com/ Michael Ecklund

    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 ”;
    }

  • http://www.michaelbrentecklund.com/ Michael Ecklund

    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” />’;
    }

  • eirik

    Any possibility of using post thumbnail, when using video as the source not an image?

  • Jeremy

    Great tutorial, very simple, thank you.

  • http://paxpic.com/wordpress/ ahmed

    wooooow very good thanxxx for this tutorial

← Older Comments