js外链跳转_WordPress为anylink插件外链跳转添加漂亮的跳转页面
接触WordPress以来,经常在各路大神的网站上学习经验,无意间在张戈博客逛的时候看到,张戈博客跳转到外链时,有个感觉非常舒服的跳转页面:
通过一番寻找,发现张戈也将教程为大家分享了。因为是针对外链,所以还需要在function.php中添加代码。但是先森尝试后感觉已经发布的文章中的内页好像并不会被自动添加外链,所以就放弃使用张戈提供的外链跳转代码。但是又不想放弃,所以就想将张戈的跳转页面与anylink插件生成的跳转链接相结合。
anylink插件
这是dudo博客原创的第一个WordPress插件:Anylink。它是一个链接包装和美化插件,可以把外链转换成内链,同时又能防止网站权重过度向外传递,对于网站SEO来说很有好处。Anylink既提供了307、301等跳转方式,这和你直接使用外链没有任何区别;也提供了Javascript跳转方式,这则可以阻止权重对外传递。同时Anylink还可允许你自定义链接样式等功能,可以满足大部分wordpress网站的需要。
Anylink外链包装美化插件是一款自动将外链转换为内链、将较长、较复杂的外链转换为样式统一的内链的Wordpress插件。同时它还提供了链接自定义功能,允许你根据个人喜好设置链接的样式。例如我们的网站有时候会需要插进一些链接如成都航院计算机工程系的官网http://www.cap.edu.cn/campus/xywmbys/jsjgcx/,这样的链接既长又没有意义,anylink就是针对这种情况设计的一款插件,它会帮你转换成 http://你的域名/goto/ab12 的形式,从而使链接变得短小整齐。主要功能有:
1. 自动提取外链内转换。Anylink会自动提取文章中的外链并进行转换,不需要进行额外操作。
2. 不修改任何原始数据。Anylink不会修改任何wordpress数据,这很好地保护了你的数据安全。任何情况下删除该插件均不会留下痕迹。
3. 允许自定义链接样式。默认情况下转换后的链接样式为 http://你的域名/goto/ab12 的形式,你可修改跳转目录,把goto修改为任何可用形式。
4. 允许自定义slug样式。slug是指链接后面的小尾巴,你可修改它的样式,如它的长度、组成等等,默认为4位的数字和字母组合。
5. 通话自定义跳转样式。默认情况下使用了301永久转移跳转http状态码,这和你们直接使用一个链接是没有任何区别的,也就是说anylink此种情况下只是修改了链接的样式,其它的均未作修改,比如SEO信息等。不过你可以设置为307、Javascript等等形式。
插件改造经过
张戈博客的教程中(地址:分享两种外链跳转方法,可避免权重流失)提出了两中外链美化方式。第一种是:http://www.***.com/go.php?http://www.******.com 的方式;第二种是:http://www.***.com/go/?url=http://www.***.com/ 的方式。
通过上面对anylink插件的介绍,大家应该知道,anylin转换后的链接默认为 http://你的域名/goto/ab12 的方式,所以我觉得张戈博客的第二种美化方式比较适合。
根据教程说的,我在网站根目录建了一个/goto/目录,并上传了一个index.php文件进去。index.php的内容大致都是张戈分享的go.php的代码,只是将之前的外链获取方式改成了获取后四位字母的方式,也就是获取goto/后面生成的小尾巴。
不会用正则,所以获取小尾巴的代码花了先森很长时间,但是最后鼓捣出来之后发现,这样的方式点击外链后还是会直接跳转过去(先森使用的是307跳转),所以并没有什么卵用。
然而在先森快要放弃的时候,发现了转机。
为anylink外链添加跳转页面
先森在研究张戈的代码无果后,转而研究插件本身,在插件的设置中,尝试着使用了JavaScript跳转,一看,这就不是跳转页面吗!下面是正式教程。
打开插件文件夹中的re.php文件,文件中的代码是:
html>
setInterval( function(){top.location = "<?php echo $gotoLink ?>";} , 3000)
正在为您跳转到(Now we're relocating you to):
代码非常简单,但这就是anylink的跳转页面。再来看张戈提供的go.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='https://zhangge.net/';
$title='参数错误,正在返回首页...';
}
}
} else {
$title='参数缺失,正在返回首页...';
$url='https://zhangge.net/';
}
?>
';">
<?php echo $title;?>
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)}}
页面加载中,请稍候...
修改起来也很简单,re.php文件中的代码基本没用,只需要将其中的"$gotoLink"转嫁到张戈的go.php代码中即可,将以下代码放进re.php:
$url = $gotoLink;
?>
';">
页面加载中,请稍候..
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)}}
页面加载中,请稍候...
总结:1.跳转方式选择JavaScript跳转;2.修改re.php文件。
下面来看看效果,外链到先森的微博:@成航先森 (希望能关注一下,谢谢)
除特别注明外,本站所有文章均为成航先森 www.capjsj.cn原创,本文共6368个字
转载请注明出处来自https://www.capjsj.cn/wp_wanylinkcjwltztjpldtzym.html
js外链跳转_WordPress为anylink插件外链跳转添加漂亮的跳转页面相关推荐
- 电脑html外链加密,WordPress 无需插件外链加密转内链
WordPress 无需插件外链加密转内链 如何免插件实现WordPress外链转内链呢?开始看到很多博客的相关方法,如何实现WordPress无需插件外链转内链, 不过大多数要么就是加入了 base ...
- 不是外链没用,而是你发的外链没用
网站外部链接的价值取决于你对链接的维度是否掌握到位,百度曾公开发布过一篇文章关于谈外链判断由于现在发布的博客外链,论坛外链这类人为性链接效果越来越低,造成了SEO圈子里面各种外链无用论说法. 其实不是 ...
- 外链引入css有哪些方式_外链怎么发才会快速收录?
外链似乎还依然是大部分行业获取关键词排名的主要方法,现在早已经过来外链是王道的时代.但是对于处于关键词排名前期的新站,外链的作用依然很大.如何才能让我们发布的外链快速被收录然后被计入关键词排名呢?有如 ...
- google外链怎么做?谷歌网站做外链的方法
做谷歌SEO优化,外链是决定谷歌排名的重要因素 关键是Google外链怎么做? 英文外链建设的技巧如下 外链对于谷歌排名算法来说是非常重要的,持续有效地增加高质量的GPB外链,可以有效提高谷歌的排名和 ...
- SEO外链软件-免费批量网站发布SEO外链
SEO外链工具,批量网站外链工具的作用是利用各种查询工具,模拟正常手工查询. 通过这些高权重网站留下你的链接,这样的链接就形成了外链,可以被百度.谷歌.搜狗.360等搜索引擎快速收录,其作用主要是吸引 ...
- 百度js 检测输入法_不明恶意攻击致lt;搜狗搜索gt;lt;搜索结果gt;跳转lt;百度搜索gt;技术原理分析...
不明恶意攻击致<搜狗搜索><搜索结果>跳转<百度搜索>技术原理分析 原创 2017-09-29 玄魂工作室 EE 玄魂工作室 不明恶意攻击致<搜狗搜索> ...
- 哪些网站可以发外链?分享几十个个可以发外链的网站
发外链的时候发现这些网址的,特此收集整理一下,或许对做站的朋友来说,同样有用: 外链是带纯文本还是锚链接 外链对于网站排名和网站优化非常有帮助.如果我们在外链中添加排列一些关键词,这样也可能会增加网站 ...
- CSDN添加页内跳转和页外指定段落跳转
标题一 通过下面的语法并不能实现页面跳转: [点此跳转](#标题二) 示例如下: 点此跳转 可以通过添加div的方式添加标记,经实验,发现div跳转的方式并不是Markdown的标准语法,应该是CSD ...
- 如何延长作用域链_第4部分2:作用域(链)和 闭包
知识列表作用域/作用域链 闭包(涉及JS垃圾回收机制 )https://zhuanlan.zhihu.com/p/27110726 [ js 基础 ][读书笔记]作用域和闭包https://jueji ...
最新文章
- Springboot - -web应用开发-Servlets, Filters, listeners
- pandas Series DataFrame 丢弃指定轴上的项(三)
- python中的enumerate函数
- 说说我的ID:fxh7622
- python3键盘事件_python+selenium3 鼠标事件和键盘事件
- mysql数据库连接_mysql数据库连接池配置教程
- c#日期转换周几_Java时间与日期
- 9件事把你从消极情绪中解救出来
- oracle sql的应用场景,oracle 3个适用sql场景
- delphi 调用php接口_《细说PHP》第四版 样章 第23章 自定义PHP接口规范 5
- python清空列表的方法
- linux 卸载 1.6,在linux上卸载nump1.6.1并安装nump1.5.1,[它将要使用gipsyoasi II version6]...
- 20169212《Linux内核原理及分析》第十二周作业
- 二级c语言题库分类,二级C语言题库分类.xls
- 传输rp文件到ftp服务器并通过浏览器访问html
- Ruby中yield和block的用法
- O2O模式成功案例分享 汲取精华化为己用
- 【ROS2原理11】C++编程的要点
- 告诉你苹果手机如何录屏的同时录音
- 尚硅谷maven视频教程笔记