首页 > 建站经验 > WordPress评论链接跳转设置跳转页面
2018
01-28

WordPress评论链接跳转设置跳转页面

虽然WordPress非常好用,但是有些问题是在是让人捉摸不透,比如链接跳转,由于默认设置是_self打开,别的都好说,但是对于评论来说,对于本站还是比较恶心的。所以上次我分享了【简单代码实现WordPress全站链接新窗口打开】,虽然实现我对评论网址以_blank方式打开。但是全站的链接都以_blank方式打开我自己感觉对于用户体验也不是很好。所以今天来分享一个最简单的方法,仅评论链接以_blank方式跳转,其他站内链接还是默认的_self方式跳转。

效果链接:http://www.wamuban.com/go.php?url=https://www.xiariboke.com

操作方法

首先找到当前使用的主题,打开functions.php文件,添加以下代码:

//评论链接url跳转
 
add_filter('get_comment_author_link', 'add_redirect_comment_link', 5);
add_filter('comment_text', 'add_redirect_comment_link', 99);
function add_redirect_comment_link($text = ''){
$text=str_replace('href="','target="_blank" href="'.get_option('home').'/go.php?url=', $text );
$text=str_replace("href='", "target='_blank'href='".get_option('home')."/go.php?url=", $text );
return $text;
}
add_action('init', 'redirect_comment_link');
function redirect_comment_link(){
$redirect = $_GET['r'];
if($redirect){
if(strpos($_SERVER['HTTP_REFERER'],get_option('home')) !== false){
header("Location: $redirect");
exit;
}
else {
header("Location: https://www.wamuban.com/");
exit;
}
}
}
//结束

将本站URL(www.wamuban.com)替换为你自己的网站地址

新建一个go.php文件,添加以下代码,然后上传至根目录:

<?php 
$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='https://www.wamuban.com/';
            $title='参数错误,正在返回首页...';
        }
    }
} else {
    $title='参数缺失,正在返回首页...';
    $url='https://www.wamuban.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>

同理,将本站URL(www.wamuban.com)地址修改为你自己的网站地址。

现在,回到网站刷新试试看

参考资料:

https://www.qcgzxw.cn/?p=1433

                     
最后编辑:
作者:编辑@挖模板
                           
本站所有文章来自网络,如有侵权请联系本站处理。wamuban@qq.com

留下一个回复

你的email不会被公开。