WordPress 在线用户显示小工具 – 子比主题适配教程

在 WordPress 网站中展示实时在线用户，能有效提升社区活跃度和用户互动性。本文将教你如何在子比（Zibll）主题中部署一款高颜值的在线用户显示小工具，该工具支持实时追踪用户登录状态、展示用户最后活动时间。

一、效果预览

1. 实时状态追踪：自动记录用户登录 / 登出行为，页面加载时更新用户活动时间
2. 自定义判定规则：可设置 “视为在线” 的时间阈值（默认 60 秒无活动则判定为离线）
3. 高颜值 UI 设计：悬浮卡片、在线状态呼吸动画等视觉效果
4. 后台可配置：支持自定义标题、在线判定时间、是否显示在线人数等参数

二、安装步骤

方法：主题函数文件安装（推荐）

1. 登录 WordPress 后台，进入「外观」→「主题文件编辑器」
2. 找到并点击右侧的「主题函数 (functions.php)」文件
3. 将在线用户小工具的完整代码粘贴到文件末尾
4. 点击「更新文件」保存修改

三、配置与使用

1. 安装完成后，进入「外观」→「小工具」
2. 找到「在线用户」小工具，将其拖放到需要显示的侧边栏 / 小工具区域（子比主题推荐放在「首页侧边栏」或「全站侧边栏」）
3. 点击小工具展开配置项：
   • 标题：自定义小工具标题，默认 “在线用户”
   • 视为在线的时间 (秒)：设置用户无活动多少秒后视为离线，建议保持默认 60 秒
   • 显示在线人数：勾选后会在用户列表上方显示当前在线人数统计
4. 点击「保存」完成配置，前端即可看到效果