WordPress代码:给网站添加外链go跳转效果

给网站添加外链go跳转效果既美观又可避免权重流失,确实是一个不错的功能。闲鱼用的主题自带go跳转,但是别的主题不一定有,所以有些朋友就想移植这个功能,其实也还蛮简单的,这里简单分享下这个部署方法。

代码方法

代码部署

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

  1. <?php   
  2. // http://www.macrr.com/  
  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='http://zhangge.net/';  
  16.             $title='参数错误,正在返回首页...';  
  17.         }  
  18.     }  
  19. else {  
  20.     $title='参数缺失,正在返回首页...';  
  21.     $url='http://www.macrr.com/';  
  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?{外链地址}
使用:在添加外链的时候,只要给外链加上统一的跳转前缀:http://网站地址/go.php? 
即可。


外链方法的使用是需要在手动添加外链的,同时跳转样式可以自行修改。

效果参考

点击查看:http://weibo.com/iimacc

插件实现

有些插件也能实现这个外链跳转
1. Simple URLs插件
设置简单,只需要要后台设置好后缀和目标页面即可
2. Link-Hopper插件
跳转链接的基础地址可以随意设置
3. Pretty Link Lite插件
后台功能十分强大的,还有Pro版本,不过要money的。用它完全可以做一个短网址,像t.cn和bit.ly一样。
4. Affiliate Link Cloaking插件
推广链接转换工具,用来推广你的淘宝客等要隐藏的链接,可以使用它,附带统计功能。
5. WP No External Links插件
这个一款可以自动将博客内的外部链接转成内部链接,如http://www.baidu.com,则显示为http://www.orwei.com/goto/http://www.baidu.com,可以尝试使用这个插件防权重丢失的。
6. Go Codes插件
和前面的wordpress外链跳转链接插件设置一样简单,带统计功能。


插件具体使用与否可以自己尝试,这里不做太多解释,也不对插件对错负责。

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:13   其中:访客  7   博主  6

    • 女性在线导购网 女性在线导购网 0 来自天朝的朋友 谷歌浏览器 Windows 10 江西省南昌市 电信

      empty多了一个

      • scorpio scorpio 1 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

        博主能互换友链吗?

        • Koolight Koolight 5 来自天朝的朋友 Safari浏览器  Android 4.4.2 PE-CL00 Build/HuaweiPE-CL00 湖北省武汉市 电信

          还是用的主题自带的跳转。

            • 闲鱼 闲鱼 【博主】 来自天朝的朋友 Safari浏览器 iPad OS 10_2 like Mac OS X) AppleWebKit 湖南省长沙市 电信

              @Koolight 这个效果基本是就是这主题自带的,我现在弄了个加密

            • 美丫美搭网 美丫美搭网 0 来自天朝的朋友 谷歌浏览器  Android 5.1 MI PAD 2 Build/LMY47I 湖北省 电信

              这个应该是文章内容里面的链接跳转吧,自定义字段里怎样实现勒,如果是淘宝客链接就超级长,可以再封装一次缩短链接吗? :arrow:

                • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 iPhone iPhone OS 9_1 like Mac OS X) AppleWebKit 湖南省怀化市 联通

                  @美丫美搭网 这个不太清楚,不知道加密链接会不会好点

                • 寻金笔记 寻金笔记 1 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

                  学习了。

                    • 闲鱼 闲鱼 【博主】 来自天朝的朋友 搜狗浏览器 Windows 7 河南省洛阳市 联通

                      @寻金笔记 :mrgreen: 互相学习

                    • 红领巾 红领巾 1 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省苏州市 电信

                      友链已挂上,请我友链 红领巾博客 http://www.ksec.me/ 谢谢0.0

                        • 闲鱼 闲鱼 【博主】 来自天朝的朋友 搜狗浏览器 Windows 7 河南省洛阳市 联通

                          @红领巾 :?: 之前怎么把友链下了?

                            • 红领巾 红领巾 1 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省苏州市 电信

                              @闲鱼 上次没看见么,网站迁移的时候所有数据都没了,现在我博客上的友链都是后来加上的,对不起哈 :lol:

                                • 闲鱼 闲鱼 【博主】 来自天朝的朋友 搜狗浏览器 Windows 7 河南省洛阳市 联通

                                  @红领巾 :shock: 好吧,加上了