7B2主题首页 文章目录网格布局显示文章内页图片数量

这个功能主要是通过获取文章id，然后通过id来获取文章内容，最后进行正则统计，计算出图片数量。接下来就说一下怎么部署代码。

一.前端代码判断部署

打开文件b2/Modules/Templates/Modules/Posts.php，仔细看此文件的注释，此文件主要就是文章列表下文章的布局方式，主要的五种布局方式都在此文件下，此处主要以网格模式做演示，如下图：

代码：

            //文章图片数量判断
            $ict_post_id = get_post($v['id'],ARRAY_A);
            $ict_post_content = $ict_post_id["post_content"];
            preg_match_all("/<img.*?src[^\'\"]+[\'\"]([^\"\']+)[^>]+>/is",$ict_post_content,$result);
            $count=count($result[1]);
            if($count=='0'){
                $images_more='';  
            }else{
                $images_more='<span class="icttag">+'.$count.'</span>';
            }

接下来调用上方判断的结果

说明：其他有图片的布局方式也是这样部署，当检测到文章中有图片时就会显示图片数量，如果文章中没有图片，列表调用的是后台上传的缩略图则不显示图片数量。

二.CSS部署

将如下的css放入到子主题根目录下的style.css之中即可。

/*
 *-------------------------------------------------------------------------------
 *列表图片数量统计
 *-------------------------------------------------------------------------------
*/
.post-module-thumb .icttag{
    position: absolute;
    top: 10px;
    color: #fff;
    right: 15px;
    font-size: 12px;
    background: #333333ab;
    z-index: 666;
    padding: 1px 6px;
    border-radius: 4px;
}

至此，完成所有代码部署，记得保存一下首页模块，强制刷新一下，即可看到效果。