新闻中心

WordPress教程:无插件自动显示缩略图

作者 / 无忧主机 时间 2015-10-21 23:42:01

前不久在整缩略图,用wordpress做博客程序,会遇到这样一个问题,就是在上传图片的时候,系统默认会把大图片进行压缩处理,而且自动生成缩略图。关于wordpress的缩略图问题,可能有很多博客写文章都不太喜欢带图,但是无忧小编觉得图文并茂,看起来会更好看一些,所以小编的每篇文章基本上都会带一张图片,就算没有图,也要截取一张,那么现在自己整主题,不想用插件,不想用带生产缩略图的代码,就找到了一个免插件实现缩略图的方法。方法很简单,就算不懂代码,按步骤操作也是可以的。当然缩略图选择的是文章中的第一张图片,如果文章不包含图片,显示默认图片,所以你要置顶一个默认的图片位置。 1、找到当前使用的主题模板的functions.php文件在<?php和?>之间添加如下代码:

function thumb_img($soContent){
$soImages = '~<img [^\>]*\ />~';
preg_match_all( $soImages, $soContent, $thePics );
$allPics = count($thePics[0]);
if( $allPics > 0 ){
echo "<span id='thumb'>";
echo $thePics[0][0];
echo '</span>';
}
else {
echo "<span id='thumb'>";
echo "<img src='";
echo bloginfo('template_url');
echo "/images/thumb.gif'></span>";
}
}
这是一个显示缩略图的方法,自动检索文章的第一张图片,如果没有显示当前主题/images/thumb.gif 所以你要把这个thumb.gif图片准备好。 2、找到index.php文件即首页文件,找到the_content();或相似的代码在它之前添加如下代码:
thumb_img($post->post_content);
这样就调用了刚才的方法,实际上缩略图已经完成了。但是你看到的效果一定很意外,应为图片的大小没有控制,会很难看。 3、添加缩略图样式CSS代码: 这是浮云站使用的的缩略图样式,你可以先凑合着用,再另行修改
#thumb{margin:5px 15px 5px 5px;width:145px;height:120px;border:3px solid #eee;float:left;overflow:hidden;}
#thumb img{max-height:186px;max-width:186px}
OK,缩略图就这样有模有样的显示出来啦。 无忧主机相关文章推荐阅读: WORDPRESS教程:教你如何显示最近注册的用户 WORDPRESS每篇文章如何实现只允许用户评论一次 GRAVATAR被墙导致WORDPRESS访问慢的解决方法

本文地址:https://www.51php.com/wordpress/20416.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服