当前位置:园子博客 » Wordpress » WordPress 外部链接在新窗口打开的方法

WordPress 外部链接在新窗口打开的方法

8月 7th, 2010 | Filed under Wordpress | 共有8,773次浏览

国人有个习惯,在自己的站点上不希望外部链接在本窗口打开。使用 wordpress 的人都知道,默认情况下外部的链接都是在本窗口打开的,今天园子就与大家分享两种 WordPress 外部链接在新窗口打开的方法

方法一:使用插件实现外部链接在新窗口打开

插件园子推荐使用 external links,你可以看我以前写的文章介绍:使用 external links 插件控制wordpress外部链接属性

使用插件的优点就是不需要改任何代码,安装上去经过设置就可以使用,并且可以设置在每个外部链接前面或后面加个小图标,看上去也比较美观。但是对于不想在 WordPress 上增加插件的朋友来说,请看下第二种方法。

方法二:使用 jQuery 使 WordPress 外部链接在新窗口打开

这是参考 Denis 在这篇文章中介绍的方法,使用强大的 jQuery,几行代码就可以实现外部链接在新窗口打开。jQuery 代码如下:

1
2
3
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");

上述代码是给链接标签增加一个 target 属性,并且给他赋值为 _blank,这种代码是标准的,并且所有的外部链接都会在新窗口打开。好处是简单易用,不需要插件。

如果你不知道如何在 WordPress 中使用 jQuery,可以翻翻这篇文章:如何在 WordPress 中使用 jQuery

通过以上的两种方法就可以完美的实现 WordPress 外部链接在新窗口打开,园子推荐稍微懂些代码的人使用第二种方法,如果你有什么好的建议,也请留言给我。

  1. 侯永禄
    7月 22nd, 201100:41

    如果能将此方法用在打开文章页就好了。还想请教博主如何实现在新窗口打开文章页。谢谢。

  2. icerwen
    5月 8th, 201122:47

    博主博客做的真好!
    这么个性的留言框框怎么弄出来的?

  3. 番茄
    3月 24th, 201123:25

    我的博客已经实现在新窗口打开评论链接了,只需要添加几个代码即可,很方便。

  4. 望月常绵SEO
    10月 22nd, 201023:24

    谢谢你的文章,帮到我了

  5. ulmay
    9月 20th, 201011:41

    -_- 后台不是有 target=blanck 的选项么?

  6. yesureadmin
    9月 1st, 201011:30

    这个可以有,谢谢共享

  7. 小存
    8月 29th, 201013:14

    @园子
    来请教你,你右边栏那个最新评论
    怎么改才能像你这样点击评论者的名字是跳到它评论的那里
    我使用的是WP-RecentComments这个插件
    点击名字的时候是跳到别人的博客了 😯 俺是菜鸟

    • 园子
      8月 30th, 201009:30

      @小存
      用这个插件不需要做什么设置就是这样的啊
      默认就是这样的模式。

      • 小存
        8月 30th, 201022:49

        可能是主题的问题,我已经改好了,是调用了主题里的函数

  8. A.shun
    8月 13th, 201020:03

    jq选择器威武

  9. John
    8月 13th, 201010:28

    园子这个主题模板比较清新,适合夏季使用,哈哈。
    讨教:左边的顶部、评论、底部移动条是如何生成的?

    • 园子
      8月 14th, 201008:49

      @John
      请看这篇文章:http://www.yzznl.cn/archives/add-site-navigation.html

  10. 疾风
    8月 12th, 201022:03

    方法一好点 骨灰盒

  11. Code之行人
    8月 10th, 201019:13

    园子,那种比较好呢

    • 园子
      8月 11th, 201009:07

      @Code之行人
      个人不推荐用插件,前提是你得懂点代码。

  12. Pavel
    8月 10th, 201009:51

    刚才留言时出现了数据库连接错误提示
    响应时间很长

  13. freetstar
    8月 9th, 201010:24

    我的好像都是在新窗口打开,没怎么设置过

  14. su
    8月 9th, 201009:39

    呵呵这个啊 不懂的折腾啊

  15. 自由人
    8月 9th, 201001:31

    我记得我是改的代码,不过有bug,嵌套评论里面的链接还是在本窗口打开

  16. huangjun
    8月 8th, 201021:47

    我用了另一个人推荐的方法,结果不行。

  17. Ygs
    8月 8th, 201019:26

    使用jQuery的话,如果连接已经有了target,结果会怎么样?

  18. Leyond
    8月 8th, 201011:02

    这段代码放在那里啊

  19. 丕子
    8月 8th, 201007:06

    嗯 还是jquery好用 .attr(“target”,”_blank”);

  20. reizhi
    8月 7th, 201022:27

    貌似我已经用了这种插件了

  21. 刘志猛
    8月 7th, 201022:08

    jQuery 这种方法我还看的懂哦!

  22. 黄伟涛
    8月 7th, 201021:33

    可惜我不用Wordpress,否则可以用得上啊

  23. 扣扣网
    8月 7th, 201020:04

    冒失我都不知道也 不过这次来了 好好学习了一把

  24. 秦大少
    8月 7th, 201019:37

    好像可以通过改代码实现吧
    现在也没什么精力折腾代码了 本来就只知道点皮毛

  25. 日光博客
    8月 7th, 201019:14

    什么时候换成wordpress?主题也换了。

  26. shekck
    8月 7th, 201018:16

    研究一下第二种方法,JQ就是的确很强大

  27. 任侠
    8月 7th, 201018:16

    那个jquery代码,我拿回去试一试 😉

  28. 任侠
    8月 7th, 201018:14

    所有链接新窗口打开,你可以学习hao123,用base 标签

  29. tal-rasha
    8月 7th, 201018:03

    这个有用,学习了

  30. 站长实验室
    8月 7th, 201015:28

    一般修改模板貌似就可以了…

  31. Bee君
    8月 7th, 201014:54

    就用第二个吧,方便~~哈哈…我就是用这个方法的

  32. 大智若鲁
    8月 7th, 201014:41

    非常值得借鉴,支持博主

  33. ifenwen
    8月 7th, 201014:36

    呵呵 关于jq的方法我也介绍过了 不过还是有缺点的
    有时候本地的网页也需要在新窗口打开 而有时候又没有必要
    而jq的方法是无法判别的~~~

    • 园子
      8月 7th, 201017:00

      @ifenwen
      嗯 不过这个机率应该比较小 甚至可以忽略的
      呵呵~

  34. 日记男孩
    8月 7th, 201014:22

    园子换模板了啊, 这模板看起来很不错..

  35. 日记男孩
    8月 7th, 201014:21

    这个具体要看模板的吧,我用的几个模板都是在新窗口打开的,也没去修改过

  36. 雅岚
    8月 7th, 201012:38

    我的是可以自选的,所以不用改,嘿嘿。。。

  37. 记忆盒子
    8月 7th, 201010:38

    zblog默认就是在新窗口打开的.这个确实是中国网民与国外网民很大不同的使用习惯.例如google搜索在国外是本窗口打开,在中国是新窗口打开. 而yahoo一律是本窗口打开. 老外为什么喜欢在本窗口打开呢?那样会造成很大不便的呀.

  38. 老张博客
    8月 7th, 201010:34

    第一种方法不推荐,插件多了影响速度
    第二种可行,
    不过还有就是直接改代码更为方便。

您必须在 登录 后才能发布评论.