How to integrate Timthumb with wordpress

[RT]

Firts step - Adding the "get image" function to the functions.php file:
----------------------------------------------------------------------

This code basically gives us the ability to fetch the first image on the post.

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}

Second step - Adding timthumb function:
------------------------------------------

function PostThumbURL() {
    global $post, $posts;
    $thumbnail = '';
    ob_start();the_post_thumbnail();$toparse=ob_get_contents();ob_end_clean();
    preg_match_all('/src=("[^"]*")/i', $toparse, $img_src); $thumbnail = str_replace("\"", "", $img_src[1][0]);
    return $thumbnail;
}

Third step - Calling timthumb to generate the thumbs on your site:
--------------------------------------------------------------------

Original timthumb doesn't work with external hosts such as tinypic/lulzimg...etc, but here is a customized version I've been using
that does . You can get it from here: http://paste2.org/p/1394246 - Make a new file and name it timthumb.php and upload it to your
theme's folder.

This is gonna be tricky if you're not into coding, but just try to find the file(s) that return the content on the index/category pages/
archives...etc, then add this where you want the image to show up:

<div class="post_thumb">
<a title="<?php the_title(); ?>" href="<?php the_permalink(); ?>"><img src="http://yourdomain.com/path/to/timthumb.php?src=<?php echo catch_that_image() ?>&w=100&h=100&zc=1" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" /></a>
</div>

Now, go to the "Reading Settings" in the admin control panel of wordpress and tick "Summary" instead of "Full text". (Only do this if
your theme shows up the whole post and doesn't have the option to swith to excerpts).
Oh, and you need to create a cache folder in the same directory of the timthumb file and chmod it to 777.

Fourth step - Adding some css code:
--------------------------------------

Get your style.css file and add this somewhere in there:

.post_thumb {
    padding: 0 10px 10px 0;
    float:left;
}

Remember that you might have to play around with that code to make it look good on your own theme, but that should work fine. Well, congratulations, now you have thumbnails on your wordpress blog .

Example from my site:



PS: I didn't code the functions, I found them on google and made them work together, good luck with the setup.

RT Reviewed by RT on 1st May 2011. How to integrate Timthumb with wordpress Firts step - Adding the "get image" function to the functions.php file: ---------------------------------------------------------------------- This code basically gives us the ability to fetch the first image on the post. function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); Rating: 5