子比主题美化教程 – go外链跳转页

子比（Zibll）主题作为一款高颜值的 WordPress 主题，自带基础的外链跳转功能，但默认的跳转页面样式较为简洁，缺乏视觉吸引力。今天就给大家分享一款高颜值美化版子比主题外链跳转页的修改教程，替换后能让你的网站跳转页更契合整体风格，兼具美观与实用性。

效果预览

代码部署

第一步：找到原跳转文件

登录你的网站服务器（或通过 FTP、宝塔面板文件管理器），进入子比主题根目录，找到并打开 go.php 文件（这是子比主题默认的外链跳转核心文件）。

第二步：替换文件代码

1. 全选删除 go.php 中的原有代码；
2. 将下面的完整美化版代码复制，粘贴到 go.php 中并保存；
3. 清除网站缓存（主题缓存、浏览器缓存、CDN 缓存），测试外链跳转即可生效。

自定义修改说明

美化版代码保留了全量可自定义项，无需懂复杂 PHP/JS，直接修改对应代码片段即可，以下是常用自定义项：

1. 修改自动跳转延时

默认15 秒自动跳转，找到代码中这行，修改数字即可（单位：毫秒，1 秒 = 1000 毫秒）：

// 原代码
setTimeout(link_jump, 15000);
// 示例：改为3秒自动跳转
setTimeout(link_jump, 3000);

2. 修改自动关闭页面延时

默认50 秒自动关闭下载类跳转页，找到代码中这行，修改数字即可：

// 原代码
setTimeout(function(){window.opener=null;window.close();}, 50000);
// 示例：改为30秒自动关闭
setTimeout(function(){window.opener=null;window.close();}, 30000);

3. 修改页面配色（主色调）

默认主色调为粉色（#ff74b2），找到 CSS 中的以下颜色值，统一替换为你的网站主色调即可（共 3 处，建议批量替换）：

#ff74b2 /* 主色调，替换为你的颜色值如#1296db、#ff6600 */

4. 修改跳转提示文字

直接修改代码中对应的文字即可，常用提示文字位置：

$title = '即将跳转到外部网站'; // 正常跳转标题
$title = '参数错误，正在返回首页...'; // 参数错误提示
$title = '参数缺失，正在返回首页...'; // 参数缺失提示
$title = '非法请求，正在返回首页...'; // 非法请求提示

<div class="sub-title">跳转网站安全性未知，是否继续</div> <!-- 副标题提示 -->

5. 修改按钮文字

找到以下 HTML 代码，修改文字即可：

<a href="javascript:void(0);" onclick="link_jump()" class="link-btn__text">继续前往</a>
<a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')"  class="link-btn__text" style="margin-left:10px;">回到主页</a>

本次修改仅替换了子比主题go.php的代码，完全保留原主题的所有外链跳转逻辑和安全防护，仅对前端样式进行了深度美化，兼顾了颜值、交互与安全性。修改过程超简单，零基础也能快速上手，自定义项丰富，可根据自己的网站风格调整配色、文字、延时等参数，让外链跳转页成为你网站的一道小风景。