「红辣椒」我可以划船不用浆!我可以扬帆没有风向!因为我这一生!全靠浪!
不辣不青春

wordpress自带的缩略图功能会对每次上传的所有图片根据设置的图片尺寸进行裁剪,并把原图和裁剪后的图片保存在网站空间中,图片只裁剪一次,更改设置的尺寸不会重新生成,这样不仅占用主机空间,以后改版网站时还要使用同一尺寸的图片,否则图片会失真或变形。timthumb.php是专门针对wordpress开发的集成在wordpress主题中的缩略图应用项目,只会对调用的图片进行裁剪,而且是在有访问请求时才临时生成一个配置文件,在一定时间内缓存在空间中,不会生成多余的缩略图。

一、温馨提示:

timthumb需要主机支持GD库;
timthumb处理过程需要一定的服务器资源支持;
timthumb不支持外链图片;
timthumb出现过漏洞;
作者表示不再更新timthumb。

阅读全文

1.编辑 functions.php 文件

在其中加入以下代码:

/**
* 输出文章缩略图
*
* @author ShingChi
* @access public
* @param int $width 缩略图宽度 
* @param int $height 缩略图高度
* @return viod
* @version Release 1.0.4
*/
function getThumbnail($widget, $width, $height)
{
$options = $widget->widget('Widget_Options');

/** 默认图片目录、后缀 */
$path = $options->themeUrl . '/images/category/'; // 路径:模板文件夹/images/category/图片为分类缩略名
$suffix = '.jpg';

/** 文章相关 */
$cid = $widget->cid;
$title = $widget->title;
$content = $widget->text;
$category = $widget->category;
$link = $widget->permalink;

$db = Typecho_Db::get();
$sql = $db->select('text')
->from('table.contents')
->where('type = ? AND parent = ?', 'attachment', $cid)
->limit(1);
$attach = $db->fetchRow($sql);

if (empty($attach)) { // 没有附件时从文章内容读取
$pattern = '/\<img.*?src\=\"(.*?)\"[^>]*>/i'; // 匹配文章内容中的图片

if (preg_match_all($pattern, $content, $thumbUrl)) {
echo '<a href="' . $link . '"><img src="' . $thumbUrl[1][0] . '" width="' . $width . '" height="' . $height . '" alt="' . $title . '" /></a>';
} else {
echo '<a href="' . $link . '"><img src="' . $path . $category . $suffix . '" width="' . $width . '" height="' . $height . '" alt="' . $title . '" ></a>';
}
} else { // 从附件中读取
$attachText = unserialize($attach['text']);
$isImage = '/gif|jpg|jpeg|bmp|png/i'; // 匹配图片附件类型

if (preg_match($isImage, $attachText['type'])) {
echo '<a href="' . $link . '"><img src="' . $options->themeUrl . '/timthumb.php?src=' . $options->siteUrl . $attachText['path'] . '&q=100&w=' . $width . '&h=' . $height . '" alt="' . $title . '" /></a>';
} else {
echo '<a href="' . $link . '"><img src="' . $path . $category . $suffix . '" width="' . $width . '" height="' . $height . '" alt="' . $title . '" ></a>';
}
}
}

2.使用缩略图

阅读全文