Comments on: Retrieve a Post’s First Image and Resize it with TimThumb

By: Joshua Unseth

Joshua Unseth — Thu, 11 Mar 2010 15:36:04 +0000

You put the default image into the in the following code.
<?php $cti = catch_that_image(); if(isset($cti)){ ?>
<img src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $cti; ?>&h=60&w=60&zc=1" alt="Link to <?php the_title(); ?>" class="thumbnail"/>
<?php } else {} ?>
It would look something like <?php } else {?><img src="some image url"><?php } ?>

By: Ed

Ed — Thu, 11 Mar 2010 15:15:38 +0000

Hi Joshua,

I got it to work, but how would you specify the default image in the above code?

It’s not indicated as straightforward as on the SmashingMagazine example, I’ve tried different formatting possibilities and the functions page causes a white screen, due to my faulty formatting.

Could you show what the correct way would be?

Thanks in advance!

By: Kudret

Kudret — Tue, 02 Feb 2010 13:39:22 +0000

This was really helpful. Thanks a lot.

By: Josh Maxwell

Josh Maxwell — Tue, 26 Jan 2010 16:55:54 +0000

I can’t seem to get it to work properly. Could I get some help?

Added the catch_that_image() to functions.php and created timthumb.php directly in my theme’s folder instead of in a sub-directory, which shouldn’t make a difference from what I understand, & edited the

http://127.0.0.1/wordpress/wp-content/themes/TPSchools/timthumb.php?src=/wp-content/uploads/2010/01/IMG00046.jpg&h=150&w=150&zc=0

This is how it's supposed to look, I'm assuming. I checked my uploads folder and found the image CTI & timThumb created, so everything's working there. But, I'm still not getting any image to display.

Any ideas?

By: Joshua Unseth

Joshua Unseth — Fri, 01 Jan 2010 00:38:01 +0000

Hey Scott. Glad it worked. Where are you using the script so we can all have a looksy?

By: Scott

Scott — Fri, 01 Jan 2010 00:35:44 +0000

Thanks a million Josh! This script works fantastic! Thanks for sharing it ;-)

- Scott

By: [Wordpress]記事の最初の図を自動的にサムネイル化する方法 | Mami Press

[Wordpress]記事の最初の図を自動的にサムネイル化する方法 | Mami Press — Tue, 08 Dec 2009 12:35:53 +0000

[...] ・Retreive First Image From Post （wordpress.org）・Retrieve a Post’s First Image and Resize it with TimThumb [...]

By: Joshua Unseth

Joshua Unseth — Sat, 08 Aug 2009 17:49:07 +0000

@Janice,

My guess is that it will not work. Because this uses TimThumb, and TimThumb has blocked the ability to shrink images from other people’s servers, it won’t work unless the images are hosted at your site. If you want it to work, I recommend getting your hands on an old version of TimThumb. That may solve the problem. But I can’t make any promises.

By: Janice @ Big List of Giveaways

Janice @ Big List of Giveaways — Fri, 07 Aug 2009 17:36:39 +0000

Will this work for images not uploaded through wordpress? ie: I use feedwordpress to pull and display posts from other site’s RSS feeds (with permission from the site owners of course). I would love to display the first image from thier post with an excerpt of the post on the front page.
I’ll be trying this solution of your tonight and let you know if it works out.

By: Joshua Unseth

Joshua Unseth — Tue, 19 May 2009 23:42:52 +0000

Response to #1: Yes, you have to make a directory called scripts. timthumb isn’t really a plugin. I mean, if you want, you can put it in your plugin directory and make the appropriate changes to the code I’ve put together. But as it is now, it’s looking for timthumb.php in your template’s directory.

Response to #2: You’re right, A template is a collection of files. By open up the template, what I’m really saying is go to the “appearance” tab on the sidebar, and click on “editor”. This displays all of your template’s files. Go to the file that represents the place where you want the thumbnail to display (in most cases it will be the main index file). Then, in the section of the loop where you want to display the thumbnail, place the code snippet. And voila, a thumbnail of the appropriate size should display.