Wp Display Thumbs with your post Excerpt or contents

Tags: custom field thumb on post, Post with Thumb, thumb WP post

How to display thumbs with post on wordpress themes

These days some themes already coming with thumbs with post on home page but most of those are paid theme. Infact its really easy to add thumb on your free theme and make it so attractive like paid theme.

Here Im telling how you can add thumb on your any themes. but you need to make some changes on your theme pages in php. you can just copy paste and it will work out for you. so dont worry a lot.

Changes you need to do

wp-content/yourtheme/index.php

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a></h2>

Replace with

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>
<?php if( get_post_meta($post->ID, “thumb”, true) ): ?>

<a href=”<?php the_permalink() ?>” rel=”bookmark”><img class=”thumb” src=”<?php echo get_post_meta($post->ID, “thumb”, $single = true); ?>” width=”100″ height=”100″ alt=”<?php the_title(); ?>” /></a>

<?php endif; ?>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a></h2>

Orange color: - i have added new.

What is i have changed. this is “get_post_meta($post->ID, “thumb”, true) ): ” this is the function to call custom field named “thumb”.

now you need to add custom field named “thumb” with full path of your image. and your thumb willl start showing with your post.

you can manage your width/height of thumb. and can  add css as below to make it align

.thumb {
float: left;
margin: 5px 10px 0px 0px;
}

add this call on your theme css

wp-content/yourtheme/style.css add above call any where on this file.

NOW DOWNLOAD AUTO THUMBS PLUGIN

WP Plugin for Auto Thumbs “San Auto Thumbs”