General

Resize Images using Shortcode with TimThumb

Avatar Written by Jauhari · 55 sec read > 867 views

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

[php]// 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’);
[/php]

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

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

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

Written by Jauhari
This is me Nurudin Jauhari. Just human like you, I come from Gunungkidul, small place at Yogyakarta, Living in Malang 1998-2004 and Today I live at @DesaPonjong Gunungkidul, Yogyakarta. I was born 30/04/1980 in Ponjong, small village in Gunungkidul, Almost my time in 1 - 15 Years stay at this Village. More Profile

2 Replies to “Resize Images using Shortcode with TimThumb”

  1. Ping-balik: Nurudin Jauhari

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.