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评论治理性能引见

要害字形容:引见 性能 治理 评论 渣滓 审核 能够 网站 Akismet 编辑 如今咱们来看看评论治理性能。评论是...

wordpress增加顶级菜单完成思绪

比方本人创立了一个主题,那么需求在后盾增加一些设置选项,所以就触及到了后盾增加顶级菜单的需要: 复制代...

WordPress增加并整合Google自定义搜寻完成步骤及代码

给博客增加一个Google自定义搜寻是非常必要的,用户搜寻时高亮显示了要害词,晋升了搜寻的精确度,应用Goog...

php-cgi过程cpu负载过高:禁用wordpress定时义务wp-cron.php

一、成绩形容 1、19号手动晋级到wordpress4.1,21号早上7点看网站php探针,发现零碎负载过高,差不多在1到1...

为Wordpress博客增加MP3播放器

首先到Flash MP3 Player 的主页上下载该顺序。解紧缩之后,将 mp3player.swf 和 ufo.js 两个文件放到效劳器...

WordPress 4.1 公布:开启免干扰写作模式

WordPress 4.1 正式版公布,这次更新带来了2015主题(Twenty Fifteen),免干扰写作模式,暗藏各种芜杂以及...

需求提交

客服服务

亿鸽在线客服系统