QQ截图20221028212819.png

效果如图所示,接下来实现它

打开文件/wp-content/themes/b2/Posts.php

找到80行,贴入如下代码

            //文章图片数量判断
            $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.'P</span>';
            }

贴好之后,如图所示

第二步贴入css代码

.post-module-thumb .icttag{
    position: absolute;
    top: 10px;
    color: #fff;
    right: 15px;
    font-size: 12px;
    background: #ff0000e0;
    z-index: 666;
    padding: 1px 6px;
    border-radius: 4px;}

第三步,在153行下面调用它,敲一行回车就行

                    '.$images_more.'

如图所示

QQ截图20221028212942.png

教程到现在已结束。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。