子比主题美化教程：自定义用户主页展示UID/加入天数/消费金额等信息

子比（Zibll）主题作为一款功能丰富的WordPress主题，提供了强大的自定义能力。今天我们就来分享一个实用技巧——如何在用户主页的头部区域，自定义展示用户UID、加入天数、累计消费金额等个性化信息，让站点的用户信息展示更丰富、更具特色。

效果预览

代码部署

1. 进入 WordPress 后台 → 外观 → 主题文件编辑器
2. 找到并点击右侧的「主题函数 (functions.php)」
3. 将代码粘贴到文件末尾（注意不要覆盖原有代码）
4. 点击「更新文件」

注意：修改主题文件前，请先备份主题，避免更新主题导致代码丢失。

自定义修改教程

1. 显示 / 隐藏指定信息

找到代码中的功能开关变量，将 true 改为 false 即可隐藏对应信息：

$show_join_day = false;    // 隐藏加入天数
$show_user_uid = true;     // 显示UID
$show_pay_price = false;   // 隐藏消费金额

2. 修改按钮样式 / 颜色

替换代码中的样式类即可改变按钮外观：

// 透明背景样式（c系列）
$style_class = 'c-blue';   // 蓝色透明
$style_class = 'c-green';  // 绿色透明
$style_class = 'c-purple'; // 紫色透明

// 渐变背景样式（jb系列）
$style_class = 'jb-pink';  // 粉色渐变
$style_class = 'jb-blue';  // 蓝色渐变
$style_class = 'jb-vip1';  // VIP1渐变样式

3. 自定义按钮文字

找到对应按钮的 $btn_text 变量，修改文字内容：

// 修改UID按钮文字
$btn_text = '用户ID：' . esc_html($user_id);

// 修改演示按钮文字
$btn_text = '注册时长：' . esc_html($join_days) . '天';

4. 添加自定义图标

子比主题内置了丰富的图标，替换图标只需修改 xlink:href 中的图标 ID：

// 日历图标
$icon = '<svg class="icon" aria-hidden="true"><use xlink:href="#icon-calendar"></use></svg>';

// 钱包图标
$icon = '<svg class="icon" aria-hidden="true"><use xlink:href="#icon-wallet"></use></svg>';

// 钻石图标
$icon = '<svg class="icon" aria-hidden="true"><use xlink:href="#icon-diamond"></use></svg>';

本教程通过简单的代码修改，就能在子比主题的用户主页展示更多个性化信息，提升站点的用户体验。代码操作简单，支持灵活自定义，即使是新手也能轻松上手。如果在使用过程中有任何问题，欢迎在评论区交流！