子比主题的论坛帖子图片九宫格展示

效果(需要两个步骤)

学社山中人

第一步

image

文件位置:域名/wp-content/themes/zibll/inc/functions/bbs/inc/posts.php,搜索$imgs_max =把后面的4改为9就行,如上图所示,功能看着不错,留做备份

第二步

在ZiBll主题设置—全局&功能—自定义代码,添加CSS代码

/*九宫格适配*/
.lists-imgs:not(.count-1)>span {
    flex: 0 0 calc(100% / 3 - 4px);
    padding-bottom: calc(100% / 3 / 1 - 4px);
    margin: 2px;
    position: relative;
}
.lists-imgs:not(.count-1) {
    display: flex;
    flex-wrap: wrap;
    --img-count: 9;
    width: 70%;
}
© 版权声明
THE END
分享