So many reader miss understanding with my previous post (about studiopress church wordpress theme), maybe you are one of them. That post goal is showing that thumbnail in that theme not only for an image that stored inside its own host, but it can show other hosted image (example, amazon image). In that post, i try to show modify the theme to get thumbnail from Custom Fields area.

The point is, even you do editing home.php files just like i describe, your thumbnail will not shown if you not add specified custom fields with image url as the value.

In this post, i will describe new technique to show thumbnail using plugin aid. This plugin called : Get The Image. Actually, i have use this plugins to modify the previous theme that shared here, but in this case, i want to make the tutorial, how to use it.

How to Show Automatic Thumbnail with Get The Image Plugins :

The original script to call get the image is :   <?php get_the_image(); ?>

If we want to specify the image size to show, you should use this (assume 200×200 px pics) : <?php get_the_image( 'width=200&height=200' ); ?>

Example to change the original script at Revolution Lifestyle Theme :

See this inside home.php file

<h2>Featured Category</h2>
<?php $recent = new WP_Query("cat=1&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<a href="<?php the_permalink() ?>" rel="bookmark"><img style="padding:5px 0px 2px 0px;" src="<?php echo get_post_meta($post->ID, "left feature", true); ?>" alt="<?php echo get_post_meta($post->ID, "Theme Name", true); ?> Thumbnail" /></a>
<h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<?php the_content_limit(175, "[Read more]"); ?>
<?php endwhile; ?><br />

We need to change the script that use to call the thumbnail. Just to inform you, that Get The Image plugin will show thumbnail and show it as a link also. so, you need no add “<a href” code more

Change that code into
<h2>Featured Category</h2>
<?php $recent = new WP_Query("cat=1&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<?php get_the_image( 'width=200&height=200' ); ?>
<h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<?php the_content_limit(175, "[Read more]"); ?>
<?php endwhile; ?><br />

Please do some research what is the perfect picture size, see your theme manual. With this modify, your theme will show any image that include inside your post as a thumbnail. No need to add any custom fields.

Once again, i make this post as an example, just for give you an idea, how to make it. Feel free to expand your creation about this. You can use this trick to almost all theme

If you need the example of the script that implementing at home.php file, you can download it below.

Want to rate this post? use this

(5 votes, average: 5.00 out of 5)
 Loading ...

FYI : you must download get the image plugin here

Only registered member can view this content. Please Login or Register first.