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中分类函数wp_list_categories的应用

wp_list_categories 函数是 WordPress 中用来列举零碎中分类的函数,该函数领有许多管制输入的参数,明天忽...

如何设置WordPress图片防盗链办法 推荐

假如您的博客有很多很多图片,空间又有流量限度,那么避免他人盗取本人的图片链接应该说是势在必行了,由于...

wordpress在IIS下伪动态后子目录无奈拜访的处理办法

家喻户晓,wordpress是基于php开发,在apache效劳下运转是最优秀的。然而,国际依然有很多主机上不能提供ap...

WordPress 罕用的Ping List

WordPress的Ping List 能够经过后盾里的&ldquo;设置(Option)&rdquo;&mdash;&mdash;&ldquo;撰写(Writing)...

WordPress中文截取函数用法剖析

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

WordPress在线装置主题、插件及疾速公布上传图片时提醒谬误

WordPress在线装置主题、插件,或在应用疾速公布的文章中含有图片时,会提醒: 正在装置主题:Frontier 1.0...

需求提交

客服服务

亿鸽在线客服系统