How to Enable Post Thumbnails in WordPress


13.03.2011

How to Enable Post Thumbnails in WordPress

As you have already noticed Post Thumbnails are getting with each day more popular, as many magazine themes associate an image with some post that later on display on either the post page or homepage.

This functionality was obtained in some WorldPress older versions with the use of custom-field method which was not so user friendly. We have to thank to WorldPress Core Developers that this function has been added along with many notable features in WorldPress 2.9

We encourage you to see the video and read the tutorial from bellow.

Beginner’s Guide

This option can be seen in the sidebar of your Write Post Panel located in WordPress Dashboard.

Click on the link, and you will be taken to an upload image page. Upload the picture, and you will see something like this

setthumbnails2

Now click the link that says use it as thumbnails. As soon as you do that, you will see a screen just as the one you see bellow:

setthumbnails3

All you have to do now is click publish and the image will show on your site.

Developer’s Guide

This functionality is added to the core, although not every user will see this option in the sidebar of their write post panel. It is possible that older free themes might not support it, so you can ask the developer to update, or you can do it yourself by following this tutorial.

In the first place you will need to open your functions.php file in your themes folder and simply paste this code:

add_theme_support( ‘post-thumbnails’ );

Adding this code will allow theme support for both pages and posts. You’ll be able to see an option in your dashboard, but will not display in your themes because the code has not been added in the theme yet.

Display the thumbnail anywhere in the Loop by using this code:

To get more advanced such as specifying post thumbnail size then you will just need to open your functions.php file and paste the code like this:

add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 50, 50, true );

The dimensions are set in this order: width x height and these are pixels.

wordpress-logo

Enjoy !!

Tags: post, code, themes, display, image, click, option, added, worldpress, thumbnails, support, link, wordpress, thumbnail, upload, core, add_theme_support, dashboard, panel, guide, write, bellow, tutorial, postthumbnails, theme, user, paste, just, file, some