本文最后更新于:
效果图:
PC端:


手机端:

更新记录:
- 2026.04.06更新
- 修复在PHP8.0+下会Undefined array key “moderated”报错的问题
- 2026.04.05更新
- 适配子比昼夜模式
- 增加图表底部提示文字
- 增加数据缓存更新时间展示
- 优化调整各图表模块显示
- 优化手机端布局
- 优化更新发布文章统计次数规则
- 发布日期计入统计
- 更新日期计入统计
- 同一天同一篇文章,只算 1 次,不会重复叠加
- 旧文章更新不会覆盖 / 删除以前的统计
- 图表曲线更真实,反映真实活跃度
- 2026.03.29更新
- 新增JS本地化文件,可避免图表空白问题
- 2026.03.26更新
- 时区统一设置:使用北京时间,避免使用UTC 显示,导致 相差8小时的问题,确保今日时间范围严格是
00:00:00到23:59:59 - 统计范围扩展:「今日新增文章」包含今日发布 + 今日更新的所有文章数量
- 显示优化:文字从「今日新增文章」改为「今日更新文章」,图标更换为刷新图标
- 时区统一设置:使用北京时间,避免使用UTC 显示,导致 相差8小时的问题,确保今日时间范围严格是
- 2026.03.23首发
功能说明:
1. 数据缓存
- 数据缓存功能,避免每次加载都重新查询数据库
2. 数据逻辑
- 📊 「最近 15 天」数值 = 该 15 天内所有文章的发布 / 更新操作次数(同一文章只统计一次)
- 📈 「最近 6 个月」数值 = 该 6 个月内所有文章的发布 / 更新操作次数
- 📝 「文章总数」仍为去重后的已发布文章数量(和后台一致,避免混淆)
- 📊 「近年」只显示有发布 / 更新操作的年份,完全无操作的年份自动隐藏
- 📈 例如:2022 年有操作、2023 年无操作、2024-2026 年有操作 → 只显示 2022、2024、2025、2026 年
- 📝 若近5年都无操作 → 整个「近 年统计」卡片直接隐藏,不占用页面空间
3. 文章归档分页逻辑
- 按年月分组所有已发布文章,每页显示 6 个月的数据;
- 通过
arc_page参数实现分页,支持上一页 / 下一页、页码跳转; - 移动端适配:优化分页按钮尺寸、换行逻辑。
4. 前端展示与交互
- ECharts 图表:使用饼图 / 柱状图 / 折线图展示分类、时间维度的文章统计,VIP 用户分布;
- 文章归档列表:可展开 / 收起每月文章,点击日期可跳转文章详情;
- 响应式布局:适配 PC / 移动端,图表、数据卡片自动调整样式;
- 交互功能:一键展开 / 收起所有月份、分页跳转、hover 高亮等
部署教程:
该代码功能已在子比V8.6上测试使用,文件代码未加密,可以再次优化修改操作
将代码复制,直接替换/wp-content/themes/zibll/pages/archives.php 文件内容即可,当然你也可以自己新建一个文件将代码粘贴进去,同时我们还提供了完整的文件可直接上传使用
然后去后台,页面,新建页面,选择页面模板 A蛙言网 – 7144文章归档美化页面





![[子比主题美化] – 右侧悬浮栏导航栏美化 可自定义修改哦-蛙言网](https://b66b.cn/wp-content/uploads/2024/03/20240303203037658-20240303123037488873.webp)












![[子比主题美化]LV等级&VIP会员图标分享-蛙言网](https://vip.helloimg.com/images/2023/11/27/o0cUjh.png)


















请登录后查看评论内容