in General

Resize Images using Shortcode with TimThumb

TimThumb is wonderful image re-sizer so far, with TimThumb we can easily re size image on the fly. Without any worries. TimThumb support cache so load our server more stable. On today WordPress Tricks I will show you nicely tricks from Chad Coleman. Integrated TimThumb with Shortcode and make re size image more easy and useful.

Create WordPress Shortcode with Coda

Create WordPress Shortcode with Coda


We need to re write this code on our functions.php, then you can use it in our post content using shortcode. Please noted you need to put your TimThumb script on your themes folder. Let’s get started, open your functions.php and re write this code

// Image resize in content
function timmyimg($atts, $content = null) {
	extract(shortcode_atts(array(
		'w' => '540',
		'h' => '250',
		'class' => 'alignnone',
		'alt' => ''
	), $atts));
	return "<img src='". get_bloginfo('template_directory') . "/timthumb.php?src=".$content."&w=".$w."&h=".$h."' alt=".$alt." class='wp-post-img ".$class."' />";
}
add_shortcode('img', 'timmyimg');

Then save it, this code have default width and height size, on this example the default width is 540 and default height 250. How to use TimThumb shortcode? It’s easy. Check this example below

[img w=540 h=200 class=alignleft alt=My Photo]http://mysite.com/photo.jpg[/img]

That’s it, you can use this shortcode More than one in single post. Thanks for Chad Coleman for this tutorial.

Write a Comment

Comment