Yojack 出品的 Z-BlogPHP 多选项卡文章排行榜挂件。将热门排行、最新文章与热评文章聚合至单个侧边栏卡片中,解决挂件过多导致页面冗长的问题。支持无刷新指示线平滑滑动,第一名大图文/渐变文字卡展示,以及基于钩子的零查询前台静态 HTML 极速输出。
基础启用:进入博客后台的「插件管理」,启用「多维互动排行榜」插件。
参数配置:点击管理配置页面,设置三个排行榜各自展示的文章条数(推荐 5 条)。
微调视觉:根据前台主题的卡片样式,选择「自适应主题」或「手动自定义色彩」模式,调整边距及圆角。支持后台 Ctrl + S 快速保存。
模块挂载:前往「模块管理」,在右侧的「插件创建模块」分组中找到「多维互动排行榜」模块。
拖拽保存:将挂件拖拽至左侧对应的侧边栏分组中并保存,即可在前台输出。

将多维排行榜无缝集成于一卡,提供高效率前台交互体验。
热门排行:按浏览量 log_ViewNums 降序拉取公开文章,展示最受瞩目的内容。
最新发布:按发布时间 log_PostTime 降序拉取公开文章,引导用户查看最新动态。
热评文章:按评论数 log_CommNums 降序拉取公开文章,突出社区互动核心。
滑轨定位器:切换 Tab 时,底部的横条指示线会根据选中的选项卡自动进行平滑位移过渡。
解决双重卡片嵌套冲突,保障前台排版美观度。
自动适配当前主题 (theme):完全融入并借用博客主题自带的外壳和 Padding,插件本身背景与边框退化为透明。Tab 导航栏能够 100% 左右贴顶撑满,而文章列表内容区域则自适应采用主题的原生 Padding 边距,令挂件视觉高度一致且上下左右对称。
手动自定义色彩 (custom):支持用户强行自定义挂件背景色、圆角大小、文字色和强调色,一键重画彩色底板。提供 5 组预设配色(自适应灰白、极客暗黑、温馨金橘、魅幻紫夜、极简亮白)供站长一键快速应用。
轮廓微调:用户配置的内边距(Padding)、外边距(Margin)和圆角(Radius)将直接绑定作用于外层 section 壳容器,确保在两种模式下微调均精确生效。
图文大卡片突出重点,后台静态编译零查询开销。
大卡片图文展示:排行榜首名展示为 80px × 55px 大图文卡片,Badge “1” 漂浮于左上角,右侧标题与元数据顶底对齐。若文章无缩略图,系统自动利用文章 ID 计算 HSL 配色生成首字渐变卡进行占位。
文章事件监听:插件挂载了 Z-Blog 文章保存(Filter_Plugin_PostArticle_Save)与删除(Filter_Plugin_PostArticle_Del)的系统钩子。每次在后台修改或更新文章时,系统均会在后台自动、实时重新编译挂件的 HTML 代码。
零 SQL 读写负载:前台页面载入时,直接输出编译完成的 HTML 静态片断,零 SQL 读写开销,具备极强的性能与承载优势。
| 参数名称 | 默认预设/范围 | 核心作用 |
|---|---|---|
| 展示文章条数 | 5 条 (1 - 30) | 控制三个排行榜栏目各自输出的最大文章篇数。 |
| 自适应主题 | 默认开启 (theme) | 自动继承前台主题的外壳背景、边框、投影和 Padding。 |
| 内边距 (Padding) | 12px (0 - 50) | 自定义模式下,控制文章列表内容区域与外卡边框的距离。 |
| 外间距 (Margin) | 10px (0 - 50) | 控制整个挂件底部的外边间距大小。 |
| 圆角弧度 (Radius) | 8px (0 - 50) | 强制微调外壳卡片及切换按钮区域的圆角弧度。 |
| HSL 自动渐变 | 根据文章ID计算 | 无缩略图时,利用文章ID作为哈希种子自动分发固定色调的文字渐变背景. |
| 静态重写监听 | 发布/修改/删除 | 监听博客文章增删改事件,在后台重新构建模块静态 HTML 片段. |
多维互动排行榜 v1.0.5 · by Yojack · PHP 7.0+ · Z-BlogPHP 1.7+
1. 您在购买应用前,须要先确认该应用是否符合您的使用需求,数字化商品不支持试用。依据《消费者权益保护法》第二十五条规定,该应用为在线下载的数字化商品,在购买后一经下载安装不能退款。
2. 您在应用中心购买的应用,仅是该应用的许可使用权,该应用的所有权仍归应用提供方所有。
3. 一个应用仅可用于单一账号使用,未经本站和应用提供方同意,不得二次发布、赠送、转售、租让、盗版等,否则我们将永久关闭用户账号并保留继续追究相关责任的权利。
4. 如包含该应用的网站被转售或赠送、租让等,请另用新账号购买该应用或移除该应用,否则将视为违反使用协议被永久取消该账号的使用权利。
5. 如无特殊说明,已购买应用仅包括相关使用权及免费更新服务,应用中心及应用提供方不提供额外售后安装等服务。
6. 您使用应用中所存在的风险,完全由用户自己承担,包括系统受损、资料丢失以及其它任何风险。
7. 用户不得利用该应用以任何方式从事违反法律法规及社会公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部法律责任,本站及应用提供方不承担任何责任。
8. 应用提供方和本站如发现用户将应用安装于黄赌毒诈等非法网站,将停止用户相关的使用权和服务,并将用户相关违法信息上报至网络监管部门。
9. 本站及应用提供方保留在不通知您及不对您承担责任的情况下变更、限制、冻结或终止您对某些内容的使用的权利。
1. 请先注册账号,然后登录“应用中心”。
2. 直接点击“购买应用”,跟随指引即可。
1. 购买者在自己的Z-Blog网站登录,进入后台,在左侧菜单栏点击“应用中心”菜单。
2. 在“应用中心”的首页,使用应用中心注册账号进行登录。
3. 进入“我的应用仓库”,即可看到已购买成功的应用,点击“下载”即可下载安装。
1. 如果通过自己网站后台无法正常访问应用中心,请谨慎购买,因为这将可能导致应用无法顺利下载安装。
2. 如已购买收费应用无法正常下载,请在自己网站后台检查Z-Blog及应用更新,如均已更新至最新版本仍无法下载请及时与我们联系。
3. 应用更新时有可能覆盖本地设置,请在更新前做好备份。