WordPress首页文章列表调用缩略图

栏目:WordPress 来源:网络 关注: 时间:2019-10-04

WordPress首页默认的文章列表不显示缩略图,虽然有插件可以实现显示缩略图,但怎么不用插件就可以调用首页文章列表缩略图呢?

缩略图选择的是文章中的第一张图片,如果文章不包含图片,显示默认图片,所以你要置顶一个默认的图片位置。
详细步骤:

第一步、打开使用的主题模板的“functions.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首页文章列表调用缩略图
本文地址:http://www.q0738.com/wordpress/17555.html

上一篇:没有了 下一篇:没有了
您可能感兴趣的文章