会员身份预览

非会员预览

评论区预览

其他就不一一截图了

一、功能说明

你提供的这段代码是针对 WordPress 子比主题（zibll ）开发的前台 UID 美化显示功能，核心是在用户中心、作者头部、评论区展示定制化的用户 UID，具体功能如下：

核心功能

1. UID 样式定制：移除默认 UID 前的小图标，支持自定义 UID 名称（如 “专属 ID”“账号 ID” 等）；
2. 会员身份区分：通过子比主题的核心函数判断用户是否为会员，会员显示 “靓号”（支持图片 / 文字切换）、非会员显示 “普号”，并为角标添加呼吸灯动画；
3. 视觉特效增强：UID 文字背景使用随机渐变发光样式（每次刷新随机切换，会员为彩色渐变、非会员为浅灰渐变），并添加扫光动画；
4. 多场景适配：
   • 用户中心头部（用户名 + UID + 加入天数 + 总消费美化）；
   • 作者页面头部；
   • 评论区用户名旁展示美化后的 UID；
5. 兼容兜底：提供 4 种会员判断方案，确保子比主题不同函数环境下都能正常识别会员身份；
6. 额外美化：用户中心头部用户名添加渐变背景 + 发光阴影，加入天数、总消费字段也同步美化。

二、使用教程

前置条件

• WordPress 网站已安装并启用子比主题
• 具备主题自定义代码编辑权限（如子比主题的 “自定义代码” 功能、或 FTP / 文件管理器权限）；
• 可选：准备靓号显示用的图片 URL（如 VIP 图标）。

安装步骤

步骤 1：复制代码

将你提供的完整代码复制（注意保留所有注释和逻辑，不要遗漏）。

步骤 2：添加代码到主题

推荐两种安全的添加方式（二选一）：

1. 子比主题自带自定义代码
   • 登录 WordPress 后台 → 外观 → 子比主题设置 → 自定义代码 → PHP 代码；
   • 将复制的代码粘贴到 “PHP 代码” 输入框中；
   • 点击 “保存设置”。
2. 通过主题 functions.php 添加（推荐）
   • 登录后台 → 外观 → 主题文件编辑器 → 找到 “主题函数 (functions.php)”；
   • 滚动到文件末尾，粘贴代码；
   • 点击 “更新文件”（注意：主题更新后会覆盖此文件，建议使用子比自定义代码或子主题）。

步骤 3：自定义配置（可选）

代码顶部有 2 个核心配置项，可根据需求修改：

// 1. 自定义UID名称（默认“专属ID”，可改为“ID”“账号ID”“用户ID”等）
define('JZ_UID_CUSTOM_LABEL', '专属ID'); 

// 2. 靓号图片地址（填写图片URL则显示图片，留空则显示“靓号”文字）
define('JZ_VIP_IMAGE_URL', 'https://www.yykbk.com/wp-content/uploads/2026/01/6641.webp'); 

修改示例：

• 想把 UID 名称改为 “用户 ID”：define('JZ_UID_CUSTOM_LABEL', '用户ID');；
• 想显示文字 “靓号” 而非图片：define('JZ_VIP_IMAGE_URL', '');（留空即可）。

步骤 4：验证效果

添加并保存代码后，刷新前端页面验证效果：

1. 用户中心：访问任意用户的个人中心（如你的域名/author/用户名/），查看头部是否显示美化后的 UID、用户名、加入天数、总消费；
2. 作者页面：访问文章作者页面，查看作者头部是否显示 UID；
3. 评论区：查看有登录用户发布的评论，用户名旁是否显示美化后的 UID（仅登录用户有 UID，游客评论无）；
4. 会员区分：用会员账号和普通账号分别测试，确认会员显示 “靓号”（图片 / 文字）、非会员显示 “普号”。

注意事项

1. 兼容性：仅适配子比主题 ，其他版本可能需要微调会员判断函数；
2. 图片 URL：靓号图片建议使用 HTTPS 地址，尺寸建议 20x20px（代码中已适配），确保图片可正常访问；
3. 调试信息：管理员可在服务器日志中查看 UID 调试信息（如会员判断结果），普通用户无感知；
4. 样式冲突：若与其他自定义样式冲突，可修改代码中的 CSS 类名（如jz-uid-sweep jz-corner-breathe等）。

三、总结

1. 核心功能：为子比主题美化多场景的 UID 显示，区分会员 / 非会员身份，添加渐变、发光、呼吸灯等视觉特效；
2. 使用关键：将代码添加到子比主题的 PHP 自定义区域，按需修改 UID 名称和靓号图片 URL，刷新验证多场景显示效果；
3. 兼容要点：代码内置 4 种会员判断方案，确保子比主题不同函数环境下正常识别会员身份。

代码如下