timthumb是一个非常神奇的第三方小文件,它可以任意裁剪图片大小。这一切都不需你手动操作,有了它,你可以为你博客文章缩略图进行定义裁剪,不用加载原本的大而笨重的高清图片,只需要加载裁剪后的缩略图,好处最大就在于减少页面加载时间喽!
现在我正在使用的主题已经使用了这个小功能
查看相应的图片的源码可以看到,图片的地址路径类似:
<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=定义高度&w=定义宽度&zc=1"/>
上图证明我已经开启成功了这个小功能,那怎么开启它呢?这里我以我目前使用的Weisay & Hicms为例,一步一步开启它
首先,想要使用timthumb,需要先确认主机是否支持GD库(一般主机都支持)下载timthumb.php并将其上传到你的空间(我是上传在主题目录中的),然后在和timthumb.php同一个目录下,创建一个cache文件夹,如果你是linux主机,需要为cache文件夹提供写权限,我设置的权限为“777”。
上面已经提到,timthumb使用的时候,图片的地址为:
<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=定义高度&w=定义宽度&zc=1"/>
其中你需要注意的是,h为缩略图的高度,w为缩略图宽度,zc有两个属性值,1表示裁剪,0表示按设置的高宽压缩,不裁剪。
例如Weisay & Hicms主题,打开主题下includes/articlepic.php文件,修改为:
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo catch_first_image() ?>&h=100&w=140&zc=1" width="140px" height="100px" alt="<?php the_title(); ?>"/>
然后保存即可,这是再刷新一下首页,查看一下图片地址,是不是有变化了呢?如果加载的是裁剪后的小图,恭喜你,你成功了!!!
最后提醒,这里我是以Weisay & Hicms两款主题为范例的,少数主题并不适用,如果你的主题支持抓取缩略图,那么你可以直接修改相关代码。。
拓展阅读:代码实现文章仿“无觅”效果的 相关文章