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

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

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

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

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

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

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

$("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 外部链接在新窗口打开,园子推荐稍微懂些代码的人使用第二种方法,如果你有什么好的建议,也请留言给我。

WordPress 外部链接在新窗口打开的方法》上有48条评论

  1. 小存

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

  2. 记忆盒子

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

发表评论