Adding thumbnails to Blog index page

You'll want to consult the Post Thumbnails section of the WordPress Codex.

You have to first enable support for post thumbnails in your theme's functions.php file. After that you can use the get_the_post_thumbnail() function in your loop.

Hi Shaun,

As Colin said the Wordpress Codex is a good reference source, you mentioned you are following the BS to WP Course. When you get to Section 3 of that course there is a great follow along explanation for creating a Image Slider and also extracting Post Thumbnails. I would suggest working through the course to that point or if you want to skip ahead look here.

First of all you need to enable post thumbnail feature, if you haven't done that already you can do that by adding this to your functions.php file. add_theme_support( 'post-thumbnails' );

And then you can do something like this

if ( has_post_thumbnail() ) { the_post_thumbnail(); }

wrap this inside a div and add some styling to make it look better.

Here is something that I have done, for a similar layout for a website that I built.

<div class="featured-image col-md-3 pull-right"> <?php if ( has_post_thumbnail() ) : ?> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> <?php the_post_thumbnail(); ?> </a> <?php endif; ?> </div>

Please check WordPress codex to know more. http://codex.wordpress.org/Post_Thumbnails

Hi guys, Thank you so much for these answers - I'll action soon and tick the best answer - I haven't been getting the notifications so I was unaware I had answers - Thanks again :)