How to Use TimThumb to Automatically Resize WordPress Post Images Part 2: Installing TimThumb

Step 1: Install TimThumb

First, we need to add the TimThumb plugin to our web server.

STOP! Before you do step 1, make sure your WP theme doesn’t already have TimThumb. The following themes come preinstalled with it:

• StudioPress Themes
• Elegant Themes
• Woo Themes

If you already have a theme that uses TimThumb, you only need to follow steps 2 and 3.

A. Grab the Plugin

Head over to the official TimThumb website and grab the code for the plugin.

1. Visit http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/
2. Click the “View Source Code” link
3. Copy the code provided into a Notepad file and save it to your desktop as “timthumb.php”

B. Upload the Plugin to Your Web Server

Let’s open up our FTP Client (in my case, Filezilla) and upload the PHP file to our theme.

1. Connect to your web server
2. Go to /wp-content/themes/YOURTHEME
3. Create a new folder within your theme directory and call it “scripts” (Note: You can name the folder whatever you like. For this tutorial, we will use the name “scripts”)
4. Upload “timthumb.php” to this new folder
5. In the same folder (“scripts”), create a new folder called “cache”

Great – TimThumb is now officially installed on our WP blog! Let’s move on to part 3.

Never miss a post - Subscribe To My RSS Feed and receive updates on new posts related to growing your Internet business!

Topic Tags:

blog design, filezilla, images, php, timthumb, tutorial, wordpress