WordPress博客添加go跳转效果的详细教程(附跳转代码)

作者 : 大川 本文共3735个字,预计阅读时间需要10分钟 发布时间: 2021-03-7 共283人阅读
经常看到一些博客点击外链跳转到其他网站上的时候都会有一个跳转页面,很是美观。据说既有利于SEO,又可保护站点避免权重流失,不过个人只是觉得好看、高逼格便加上了 。

WordPress博客添加go跳转效果的详细教程(附跳转代码)

首先需要说明的是代码来自 AE博客 与 张戈博客 ,代码版权归原作者所有,这里仅介绍使用方法。实现 Go 页面跳转的简单原理是:以往我们跳转到其他网站是直接访问该网站的链接;使用 Go 页面跳转后,我们先访问本地的 Go 页面(也就是下面 go 文件夹下的 index.php 或直接 go.php文件)然后再跳转到相应的外链网站。

代码方法

代码部署

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

这是知更鸟Begin主题集成的go.php代码

  1. <?php
  2. // https://www.ciyol.cn/
  3. $t_url = preg_replace('/^url=(.*)$/i','$1',$_SERVER["QUERY_STRING"]);
  4. if(!emptyempty($t_url)) {
  5. preg_match('/(http|https):\/\//',$t_url,$matches);
  6. if($matches){
  7. $url=$t_url;
  8. $title='页面加载中,请稍候...';
  9. } else {
  10. preg_match('/\./i',$t_url,$matche);
  11. if($matche){
  12. $url='http://'.$t_url;
  13. $title='页面加载中,请稍候...';
  14. } else {
  15. $url='https://www.ciyol.cn/';
  16. $title='参数错误,正在返回首页...';
  17. }
  18. }
  19. } else {
  20. $title='参数缺失,正在返回首页...';
  21. $url='https://www.ciyol.cn/';
  22. }
  23. ?>
  24. <html>
  25. <head>
  26. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  27. <meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">
  28. <title><?php echo $title;?></title>
  29. <style>
  30. 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)}}
  31. </style>
  32. </head>
  33. <body>
  34. <div class="loading">
  35. <div class="spinner-wrapper">
  36. <span class="spinner-text">页面加载中,请稍候...</span>
  37. <span class="spinner"></span>
  38. </div>
  39. </div>
  40. </body>
  41. </html>

使用方法

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

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


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

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

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

  1. //文章内外链添加go跳转
  2. add_filter('the_content','the_content_nofollow',999);
  3. function the_content_nofollow($content)
  4. {
  5. preg_match_all('/<a(.*?)href="(.*?)"(.*?)>/',$content,$matches);
  6. if($matches){
  7. foreach($matches[2] as $val){
  8. if(strpos($val,'://')!==false && strpos($val,home_url())===false && !preg_match('/\.(jpg|jepg|png|ico|bmp|gif|tiff)/i',$val)){
  9. $content=str_replace("href=\"$val\"", "href=\"".home_url()."/go.php?url=$val\" ",$content);
  10. }
  11. }
  12. }
  13. return $content;
  14. }

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

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

  1. //评论者链接添加go跳转
  2. add_filter('get_comment_author_link', 'add_redirect_comment_link', 5);
  3. add_filter('comment_text', 'add_redirect_comment_link', 99);
  4. function add_redirect_comment_link($text = ''){
  5. $text=str_replace('href="', 'href="'.get_option('home').'/go.php?url=', $text);
  6. return $text;
  7. }

Ps:如果functions里面没有这个评论新窗口的函数,请自己找到评论列表输出的代码位置(可能在comments.php),然后参考修改即可(国内主题一般都会有个评论新窗口函数,自己仔细找找看)!

只要参考上述代码,修改一下替换后的链接形式即可。部署后,刷新前台文章或评论,就能看到效果了。

【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
智慧云 » WordPress博客添加go跳转效果的详细教程(附跳转代码)

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
美化包支持最新版本吗?
智慧云最新美化支持永久更新!
购买的源码提供技术支持吗?
不提供技术支持,需要付费提供技术支持

发表评论

提供最优质的资源集合

立即查看 了解详情