子比主题美化教程：打造高级感外链跳转页面，提升网站细节质感

子比（Zibll）主题自带的外链跳转页面能够有效提醒用户防范钓鱼风险，保障账号安全，但默认样式较为简洁单调。今天就教大家通过修改代码，将跳转页面升级为「渐变背景 + 毛玻璃风格」，同时优化交互体验，让网站在细节处更显精致。

效果预览

使用教程

步骤 1：找到并备份原有文件
子比主题的外链跳转文件（通常为 go.php，路径：/wp-content/themes/zibll/go.php）
步骤 2：替换美化代码
若使用后台编辑器：清空 go.php 原有代码，粘贴美化代码，点击「保存文件」
步骤 3：查看效果
清除网站缓存（如使用 Redis、WP Rocket 等缓存插件，需手动清除缓存）
清除浏览器缓存，打开你的网站中任意一篇含外链的文章，点击外链
即可看到美化后的跳转页面，测试自动跳转、按钮点击等功能是否正常

个性化自定义

若你想根据自己的网站风格调整样式，可修改以下关键参数：
1.调整自动跳转时间
找到 JS 代码中的 setTimeout(link_jump, 10000)，将「10000」改为你需要的毫秒数（1000 毫秒 = 1 秒，如 5000=5 秒）
2.修改毛玻璃模糊程度
找到 CSS 中 .wiiuii-go-container 的 blur(15px)，数值越大模糊效果越强（推荐 8px-20px）
3.适配网站主色
找到「继续访问」按钮的样式：

.wiiuii-go-button:last-child {
    background: rgba(3, 106, 244, 0.8); /* 按钮背景色 */
    border: 1px solid rgba(3, 106, 244, 0.9); /* 按钮边框色 */
}

将 rgba(3, 106, 244, 0.8) 改为你的网站主色（如子比默认红色 rgba(245, 63, 63, 0.8)）

4.修改背景渐变
找到 CSS 中 body, html 的 background：
浅色模式：linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)
深色模式：linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)

总结

1. 本次美化保留了子比主题跳转页面的所有核心功能（防恶意请求、URL 校验、防盗链等），仅优化视觉样式和交互体验；
2. 核心美化亮点为「渐变背景 + 毛玻璃容器 + 主次按钮区分 + 倒计时提示」，同时适配浅色 / 深色模式和移动端；
3. 操作简单，只需替换 go.php 文件即可生效，且支持个性化自定义，适配不同网站风格；
4. 建议操作前备份原有文件，避免失误无法恢复，修改后及时清除缓存查看效果。

按照以上步骤操作，即可快速给你的子比主题换上高级感外链跳转页面，让网站细节更显精致。如果在操作过程中有任何问题，欢迎在评论区留言交流～