子比主题教程：右上角添加随机文章跳转按钮教程

本文分享一款适配子比主题的右上角随机文章访问功能，该功能依托子比主题原生按钮样式与图标体系开发，无需额外加载冗余样式文件。部署完成后，网站右上角会新增「随机文章」功能入口，用户点击按钮即可自动跳转至站内任意一篇已发布的正式文章，能够有效提升网站文章曝光率、增加用户页面停留时长与站内浏览深度。

该功能支持自定义按钮颜色、显示文字、悬浮提示语及图标，同时预留拓展空间，可后续修改为指定分类文章随机跳转，适配性极强。

部署教程

本次功能部署分为三个步骤，严格按照顺序修改对应主题文件即可实现功能正常生效，操作简单、无复杂配置。

第一步：修改 func.php 功能函数文件

找到网站主题目录下的 /wp-content/themes/zibll/func.php 文件，若文件不存在可自行新建，新建文件需添加标准PHP头部声明。将以下完整代码复制粘贴至文件中，用于注册随机文章接口、实现随机跳转逻辑与按钮渲染功能。

第二步：头部文件挂载按钮代码

定位到主题头部功能文件 /wp-content/themes/zibll/inc/functions/zib-header.php，在文件内搜索函数 zib_menu_button($layout = 1)，将下方代码片段插入至$user_id = get_current_user_id();代码函数下方位置，即可将随机文章按钮挂载到网站头部右上角。

$random_button = zib_get_random_post_button(array(
    'echo' => false
));
if ($random_button) {
    $button .= $random_button;
}

第三步：按钮样式自定义设置

默认按钮样式为渐变蓝色圆形样式，可自行修改 func.php 代码中的样式类名 'class' => 'jb-blue radius-circle'，替换为主题自带的配色类名，一键切换按钮颜色风格，支持多款渐变配色，同时可搭配主题原生样式实现纯色效果微调。

主题可用配色类名对照表：

• jb-red：渐变红色背景
• jb-yellow：渐变橙色背景
• jb-blue：渐变蓝色背景（默认）
• jb-green：渐变绿色背景
• jb-purple：渐变紫色背景
• jb-vip1：渐变金色背景
• jb-vip2：渐变黑色背景

功能拓展说明

完成以上三步部署后，网站前端右上角即可正常显示随机文章按钮，点击即可随机跳转站内已发布文章。除了修改按钮颜色外，还可自定义按钮显示文字、悬浮提示文案、图标样式，也可二次开发修改代码逻辑，实现指定分类文章随机跳转的进阶效果，满足不同网站的个性化需求。

注意事项

1. 修改主题文件前，建议备份原文件，避免代码出错导致网站异常；

2. 若新建 func.php 文件，必须添加PHP头部声明，否则代码无法正常解析；