博客添加go跳转效果的详细教程（附跳转代码）—— WordPress美化

爱资源网

342
文章

6
评论

2023年3月30日 21:57:09WordPress美化评论90阅读模式

经常看到一些博客网站点击外链跳转到其他网站上的时候都会有一个跳转页面，很是美观。据说既有利于SEO，又可保护站点避免权重流失，不过个人只是觉得好看、高逼格便加上了。

博客添加go跳转效果的详细教程（附跳转代码）—— WordPress美化

有些朋友就想移植这个功能，网上相关的源代码很多，只是代码使用的方法不太详细，对于很多新手小白可能并不友好，借着这次博客折腾我将把使用方法尽可能地详细说明，希望能够帮助新人快速地使用上这个跳转功能。

实现 Go 页面跳转的简单原理是：以往我们跳转到其他网站是直接访问该网站的链接；使用 Go 页面跳转后，我们先访问本地的 Go 页面（也就是下面 go 文件夹下的 index.php 或直接 go.php文件）然后再跳转到相应的外链网站。

部署代码

①新建一个go.php文件，放置到wordpress的根目录下，在go.php里面输入以下代码

<?php 
$url = $_GET['url'];
$a = '';
if( $a==$url ) {
	$b = "";
// echo 'true';
} else {
	$b = $url;
	$b = base64_decode($b);
}
?> 
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">  
<title><?php echo $title;?></title>  
<style>  
body{background:#000}.loading{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.spinner-wrapper{position:absolute;top:0;left:0;z-index:300;height:100%;min-width:100%;min-height:100%;background:rgba(255,255,255,0.93)}.spinner-text{position:absolute;top:50%;left:50%;margin-left:-90px;margin-top: 2px;color:#BBB;letter-spacing:1px;font-weight:700;font-size:36px;font-family:Arial}.spinner{position:absolute;top:50%;left:50%;display:block;margin-left:-160px;width:1px;height:1px;border:25px solid rgba(100,100,100,0.2);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin 1.5s infinite;-moz-animation:spin 1.5s infinite;animation:spin 1.5s infinite}@-webkit-keyframes spin{0%,100%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(720deg) scale(0.6)}}@-moz-keyframes spin{0%,100%{-moz-transform:rotate(0deg) scale(1)}50%{-moz-transform:rotate(720deg) scale(0.6)}}@-o-keyframes spin{0%,100%{-o-transform:rotate(0deg) scale(1)}50%{-o-transform:rotate(720deg) scale(0.6)}}@keyframes spin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(720deg) scale(0.6)}}  
</style>  
</head>  
<body>  
<div class="loading">  
  <div class="spinner-wrapper">  
    <span class="spinner-text">页面加载中,请稍候...</span>  
    <span class="spinner"></span>  
  </div>  
</div>  
</body>  
</html>

②保存，则外链跳转形式为： {本站地址}/go.php?url={外链地址}

使用：在添加外链的时候，只要给外链加上统一的跳转前缀：http://网站地址/go.php?url= 即可。

外链方法的使用是需要在手动添加外链的，同时跳转样式可以自行修改。但是这样每次添加外链都手动添加的话太麻烦，使用下面的代码既可以实现外链自动添加http://网站地址/go.php?url=

A、文章内外链添加go跳转

在主题目录下的functions.php新增如下函数，即可将文章中的外链替换为go跳转的形式：

此处为隐藏的内容

注册登录后，方可查看

B、评论者链接添加go跳转

在主题目录下的functions.php查找是否存在修改评论链接为新窗口commentauthor函数，如果存在则如下修改第8行，将$url修改为/go.php/?url=$url，其实就是在前面新增一个go跳转即可，相同的道理！

此处为隐藏的内容

发表评论并刷新，方可查看

发表评论