WordPress简略三步完成首页文章显示缩略图(无插件)

喜爱折腾修正Wordpress主题的冤家,一定遇到过这样的成绩,想在首页文章中显示缩略图,有插件能够完成,不过不不便操作和管制,毕竟代码是人家写的,明天与大家分享一下,无插件,纯代码是怎样完成首页文章缩略图的,办法十分简略,就算你不懂代码,按步骤操作也是能够的。当然缩略图抉择的是文章中的**张图片,假如文章不蕴含图片,显示默许图片,所以你要置顶一个默许的图片地位。

步入正题,开端增加首页缩略图,分简略3步即可完成:

**步:找到应用的主题模板的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图片预备好~

第二步:找到index.php文件即首页文件,找到the_content();或类似的代码在它之前增加如下代码:
 
thumb_img($post->post_content);

这样就调用了方才的办法,实际上缩略图曾经实现了!然而你看到的成果肯定很不测,应为图片的大小没有管制,会很好看…好了,第三步

第三步:增加缩略图款式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}

好了,这样缩略图就有模有样的显示进去啦!三步搞定!

以上就是安达网络工作室关于《WordPress简单三步实现首页文章显示缩略图(无插件)》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 文章显示缩略图 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress重复呈现需求晋级数据库的处理办法

WordPress呈现&ldquo;需求晋级数据库&rdquo;普通是网站搬家,或许WordPress版本晋级会呈现。普通状况呈现的...

WordPress中文截取函数用法剖析

本文实例讲述了WordPress中文截取函数用法。分享给大家供大家参考。详细剖析如下: 很多冤家间接应用php su...

利用Fix Rss Feeds插件修复WordPress的Feed显示谬误

明天忽然有个网友留言说博客的Feed挂了,症状如下: Chrome间接关上订阅页面显示如下: This page contain...

较完满的WordPress文章摘要(截断)计划分享

当然, 尚有诸位长辈也曾把以上三种计划结合一二, 以达到更宽泛的顺应度. 不过, 这厢先前在网路上搜寻许久, ...

WordPress 无Gzip模块主机完成Gzip紧缩js和css

明天给大家引见两个兄弟版的WordPress插件:WP CSS和WP JS,作者都是Halmat Ferello。 WP CSS WP CSS能主动...

WORDPRESS文章中微信打赏性能的2种完成办法

本文实例讲述了WORDPRESS文章中微信打赏性能的2种完成办法。分享给大家供大家参考,详细如下: 打赏性能性能...

需求提交

客服服务

亿鸽在线客服系统