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 3.8 开端的全新设计的后盾支持多颜色抉择,默许有八种十分精巧的配色,能够让用户本人抉择。 对...

应用WordPress内置图片仓库制造缩略图的小技巧

WordPress 不只是博客, 很多时分 WordPress 还被用作为 CMS (内容治理零碎). 博主们喜爱为每个文章加上对立...

在Linux零碎下一键从新装置WordPress的脚本示例

网站可能时不时的要迁徙,或许误操作,数据库没了,所以,我为了省工夫,写了个wordpress一键从新装置的脚本...

如何应用Wordpress来撰写你的博客

要害字形容:博客 撰写 应用 如何 文章 能够 Wordpress 性能 这里 在上一次教程中引见了 Wordpress 的后盾...

进步功能!五种WordPress避免渣滓评论办法

WordPress貌似和渣滓评论是一对&ldquo;孪生兄弟&rdquo;,无论在国际还是国外的空间主机上搭建的Wordpress博...

WordPress的主题编写中获取头部模板和底部模板

get_header()(获取头部) 引入主题的头部模板,默许会引入以后主标题录里的 header.php 文件。假如指定了一...

需求提交

客服服务