wordpress如何添加外链跳转特效

使用wordpress的时候,为了避免我们网站中的外链导出,保护域名的权重,也为了装逼,弄一个外链跳转页面是非常有必要的!原理很简单,比如我们网站中有一个链接https://www.baidu.com,我们可以在functions.php加几句代码让这个链接变成http://liuyanzhao.com/go/?url=https://www.baidu.com,我们需要在go模块下放一个php文件,获取url,然后用header进行跳转。

具体实现方式

新建go文件夹和index.php

在wp根目录上新建一个go文件夹,然后在里面加一个index.php文件,粘贴如下代码:

 <?php
//$t_url=$_GET[‘url’]; //此代码无法支持带请求参数的目的地址,已弃用!
$t_url = preg_replace(‘/^url=(.*)$/i’,’$1′,$_SERVER[“QUERY_STRING”]); //这个支持
if(!empty($t_url)) {
preg_match(‘/(http|https):\/\//’,$t_url,$matches);
if($matches){
$url=$t_url;
$title=’页面加载中,请稍候…’;
} else {
preg_match(‘/\./i’,$t_url,$matche);
if($matche){
$url=’http://’.$t_url;
$title=’页面加载中,请稍候…’;
} else {
$url=’http://liuyanzhao.com/’;
$title=’参数错误,正在返回首页…’;
}
}
} else {
$title=’参数缺失,正在返回首页…’;
$url=’http://liuyanzhao.com/’;
}
?>
<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>

注意:此代码中加了些css效果用于美化,如果你不需要这个装逼特效,可以换成这个代码—

 <?php
$url = $_GET[‘url’];
Header(“Location:$url”);
?>
修正functions.php,进行外链替换

打开主题文件夹下的functions.php,加入以下代码:

 //给外部链接加上跳转
add_filter(‘the_content’,’the_content_nofollow’,999);
function the_content_nofollow($content)
{
preg_match_all(‘/<a(.*?)href=”(.*?)”(.*?)>/’,$content,$matches);
if($matches){
foreach($matches[2] as $val){
if(strpos($val,’://’)!==false && strpos($val,home_url())===false && !preg_match(‘/\.(jpg|jepg|png|ico|bmp|gif|tiff)/i’,$val)){
$content=str_replace(“href=\”$val\””, “href=\””.home_url().”/go/?url=$val\” “,$content);
}
}
}
return $content;
}
禁止搜索引擎抓取

在wp根目录新建Robots.txt文件,添加以下代码:

Disallow:/go/