使用timthumb实现WordPress缩略图截取

时间: 2013-12-2 分类: WordPress技术 作者: SAI

TAGS:

WordPress主题预留了timthumb截图功能,所以在这里简单说说使用timthumb实现WordPress缩略图截取。

什么是 timthumb.php 呢?这是一个专门为 WordPress 而开发的缩略图应用的项目。有点类似于插件,但是又和 WordPress 插件不同,因为它不是被上传于 plugins 文件夹下,而是需要上传到你的主题文件夹中。你可以在这里了解和下载最新版本的 timthumb.php,一般默认配置也就可以了。倡萌这里只是简单说说使用,更过的介绍就靠大家自己去搜索了。

timthumb使用方法

要使用timthumb,需要主机支持GD库,现在一般的收费主机都是支持的。下载并将其上传到你的空间,然后在和timthumb.php同一个目录下,新建一个cache文件夹,linux主机用户,要设置cache文件夹为 755 或 777 权限。

使用的时候,一般图片的地址是这样的:

1
<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=图片高度&w=图片宽度&zc=1" class="thumb" />

其中,h为缩略图的高度,w为缩略图宽度,zc有两个属性值,1表示裁剪,0表示按设置的高宽压缩,不裁剪。

关于timthumb的使用和设置,大家自己google搜索吧。

下面是倡萌在主题中使用的timthumb的代码:

首先,在functions.php中添加下面的代码,来获取图片的地址:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//添加特色缩略图支持
if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');

//输出缩略图地址 From wpdaxue.com
function post_thumbnail_src(){
    global $post;
	if( $values = get_post_custom_values("thumb") ) {	//输出自定义域图片地址
		$values = get_post_custom_values("thumb");
		$post_thumbnail_src = $values [0];
	} elseif( has_post_thumbnail() ){    //如果有特色缩略图,则输出缩略图地址
        $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
		$post_thumbnail_src = $thumbnail_src [0];
    } else {
		$post_thumbnail_src = '';
		ob_start();
		ob_end_clean();
		$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
		$post_thumbnail_src = $matches [1] [0];   //获取该图片 src
		if(empty($post_thumbnail_src)){	//如果日志中没有图片,则显示随机图片
			$random = mt_rand(1, 10);
			echo get_bloginfo('template_url');
			echo '/images/pic/'.$random.'.jpg';
			//如果日志中没有图片,则显示默认图片
			//echo '/images/default_thumb.jpg';
		}
	};
	echo $post_thumbnail_src;
}

上面的代码获取图片的顺序是:自定义域 thumb 的图片 > wordpress特色图片 > 文章第一张图片 > 随机图片/默认图片

然后在调用缩略图的地方使用类似的代码:

1
<img src="http://timthumb所在目录/timthumb.php?src=<?php echo post_thumbnail_src(); ?>&h=150&w=2000&zc=1" alt="<?php the_title(); ?>"/>

就可以显示缩略图。你可以修改上面的参数,实现不同位置显示不同大小的缩略图。

注:上面的代码只是一个例子,请根据你的需要自己修改,如果你不会代码,就不要使用我的代码了,没时间多说。

倡萌的主题中,timthumb功能是预留的,你可以在主题设置中,根据自己的需要设置启用或禁用,不需要你修改任何文件。

timthumb常见问答

1.WordPress本身就有截取缩略图的功能,为什么要使用timthumb呢?

WordPress本身的缩略图截取功能,会对上传的任何图片都进行裁剪,每个图片都删除缩略图保存在空间中,特点是,图片只生成一次,需要调用是不会再次生成,但是有很多缩略图根本用不到,占用空间。

timthumb 只对要作为缩略图的那个图片进行裁剪,并且是在有访问请求时才临时处理生成,生成的是一个配置文件,不存在真正的缩略图文件,在一定的时间内会缓存在空间 中,失效后,有访问请求会重新生成。特点是,不会生成多余的缩略图,但是处理过程需要一定的服务器资源支持。

2.听说timthumb以前有漏洞,现在不放心?

任何程序都会存在漏洞,包括WordPress本身,timthumb之前也一样,但是最新版本已经算是比较安全了,我只能说,如果你担心,那就不要用。

Javin

本文作者: SAI

推崇以用户为中心的设计理念,专注于用户体验设计,游走在视觉设计与前端开发之间。我要投稿

除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:塞纳» 建站技巧 » WordPress技术 » 使用timthumb实现WordPress缩略图截取
本文地址:http://www.saiody.com/?p=782

返回顶部