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主题制造中自定义头部的相干PHP函数解析

header_image() header_image() 函数是 WordPress 自定顶部图像的规范接口函数,该函数能够主动判别后盾设置...

wordpress主题制造触及到的根本模板及阐明整顿

style.css : CSS(款式表)文件,普通包括主题申明和通用css款式代码 index.php : 主页模板,普通用来做网...

WordPress老手装置教程(图文)

因为国际大多冤家普通都是间接装置WordPress中文版,所以,倡萌在此以WordPress 3.4.2中文版进行演示。 1....

wordpress动态化首页及去除url中的index.html

应用wordpass博客顺序的冤家都晓得他的默许首页是index.php,但是地球人都晓得index.html的太首页可以进步网...

WordPress添加文章排序形式

露兜博客首页的访客可自行抉择文章排序形式的成果是怎样做的,明天就来给大家分享这个文章排序成果的完成进...

wordpress去掉自带的logo或许左侧栏的菜双方法

去掉logo或许左侧栏的菜单,避免被改掉。 在应用模板下的functions.php下修正 复制代码代码如下: function ...

需求提交

客服服务

亿鸽在线客服系统