wordpress完美的缩略图方案-不用插件实现

我的趣看下网站的主要一方面是创意图片相关的,所以我一直都很关心图片缩略图方案的解决,以前只是选取内容里的第一张图片然后进行缩放,然后做为缩略图,其实这样的做法也不错,但是现在随着网站访问量越来越大,这种方法也已经有一点问题了,因为如果按原大小选择第一张,那么首页的图片总大小其实是很夸张的,甚至是整个网站总字节数的好多倍。那么有什么办法呢?先来看下Wordpress自带的缩略图解决方案。

其实wordpress已经自带缩略图功能了,在后台设置的媒体里,发展到现在的3.3.4,现在已经可以裁剪出其它的形状了,我一开始接触wordpress就是3.3.1,所以不知道以前的版本是怎样的,有人说早期的wp缩略图只能方形的。。。囧rz。。。好吧。回到正题,这个缩略图是跟着文章插入的图片走的,也就是说不在一个文件夹,缩略图满天飞,有时想删除一张就很抓狂,其实最让我抓狂的却是如果我在一篇文章里插入好几张图片,那么所有的图片都会生成缩略图。。。wp大哥啊,我只要第一张就行了啊!!!!这些种种的原因都促使我去找完美的缩略图解决方案。

现在来看看,我找到的方法吧~~~

wordpress缩略图方案之不用插件
这个方法其实很简单的,就是我以前用的,适用于文章不多的博客,只需要调用第一张图片进行缩放放就可以了!不用借助任何插件,哈哈,相信这点有诱惑力吧~~

第一步:在functions.php里加入下面的代码

function catch_first_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘//i’, $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image如果没找到定义默认图片
$themepath = bloginfo(‘stylesheet_directory’);
$first_img = ”.$themepath.’/images/default_thumb.png’;
}
return $first_img;
}
第二步:然后在调用的时候插入下面的代码就可以了!

<img src=”<?php echo catch_first_image() ?>” alt=”” width=”260px” />

好了,是不是很简单,但是需要注意几个问题:

1.如果找不到第一张图片,那么这个函数就会调用主题文件夹里的images里的一张default_thumb.gif为默认的,这张图片你可以自己替换啦~~~

2.调用的图片如果只指定width或者height,那么就是等比缩放,如果指定二个,那么这张图片就会被挤到这个指定大小里,也就是说会变形失真.

联盟模板库,您的建站源码之家
联盟模板库 » wordpress完美的缩略图方案-不用插件实现

联盟模板库,您的建站源码之家

立即查看 了解详情