当前位置: 首页 > 设计 > 正文
avatar

如何让一个链接新窗口打开,又符合W3C的用户体验呢,方法还是有几个的,最方便的还是使用Jquery,一句代码就可以搞定。而且还可以让整站都能使用,完全符合W3C。

开始接触WordPress的时候,有点反感的就是文字评论作者留链接,点击打开直接在原窗口打开,而不是新窗口打开。

这主要是WordPress是外国人开发的,国人与外国人在思想的差异导致的,他们会觉得在不经过用户的决定而自行决定新窗口打开有为用户体验,这也是在W3C中不支持border=”0″ 和target=”_blank”的原因。

那么如何让一个链接新窗口打开,又符合W3C的用户体验呢,方法还是有几个的,最方便的还是使用Jquery,一句代码就可以搞定。而且还可以让整站都能使用,完全符合W3C。

1、加载Jquery,现在一般WordPress都使用的Jquery库了,所以要最大化的利用好这个库。

2、jQuery 代码

<script type="text/javascript">
jQuery(document).ready(function($) {
	jQuery("a[rel='external'],a[rel='external nofollow']").click(function(){window.open(this.href);return false})
	});
</script>

因为WordPress在给评论作者链接时给每个链接加了一个 “ rel=’external nofollow’ ”,告诉搜索引擎这个链接是外部的,并且不要追踪此链接。nofollow 主要跟SEO有关,防止页面权重流失。

上面那段Jquery代码表示,凡事有rel=’external nofollow’ 和 rel=’external’的链接,都是新窗口打开。

所以以后我们在网页中要使用别人的网上的时候,我们可以在链接上面加个 rel=’external’ ,这样避免使用target=”_blank”。用 rel=’external’ 既符合W3C,有能在新窗口打开,是不是非常的不错。

本文固定链接: http://www.weisay.com/blog/wordpress-links-open-new-window.html | 威言威语

WordPress评论作者链接新窗口打开:目前有6 条评论

  1. avatar
    6楼
    杨泽业 Google Chrome Windows

    搞定了,加在头部文档里面header.php里面,开始我使用的是,可惜过了几天就是失效了:
    function externallinks()
    {
    if (!document.getElementsByTagName) return;
    var anchors = document.getElementsByTagName(“a”);
    for (var i=0; i<anchors.length; i++)
    {
    var anchor = anchors[i];
    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external nofollow")
    {
    anchor.target = "_blank";
    }
    }
    }
    window.onload = externallinks;

    2017-10-13 16:12 [回复]
  2. avatar
    5楼
    杨泽业 Google Chrome Windows

    这个代码加在哪里

    2017-10-13 16:02 [回复]
  3. avatar
    4楼
    菊部 Google Chrome Mac OS

    感谢分享

    2017-04-15 22:39 [回复]
  4. avatar
    地板
    河马的博客 Google Chrome Windows

    还是习惯保留 这样互访起来比较方便

    2017-01-18 21:06 [回复]
  5. avatar
    板凳
    可入眼 Google Chrome Windows

    :cool: 简单实用,点赞!!

    2016-11-21 11:41 [回复]
  6. avatar
    沙发
    RMBer Mozilla Firefox Windows

    :cry: 终于找到了

    2014-03-15 23:43 [回复]

发表评论

question razz sad smile redface biggrin surprised eek confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter