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

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

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

八 7th, 2010 | Filed under Wordpress | 共有3,794次浏览

发表评论

国人有个习惯，在自己的站点上不希望外部链接在本窗口打开。使用 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 外部链接在新窗口打开，园子推荐稍微懂些代码的人使用第二种方法，如果你有什么好的建议，也请留言给我。

扩展阅读

升级到 WordPress 3.3 (15)
登陆 WordPress 时发现有新新版本提示升级，没多想就直接升级到了最新的 WordPr...
WordPress 技巧：更新时只更新核心文件 (13)
使用 WordPress 的博友都知道，WordPress 在3.2版本之后，更新频率越来越...
WordPress 推出 WordAds 广告系统 (41)
据 WordPress 官方消息，WordPress 已经推出 WordAds 广告系统，让...
Wordpress 不用插件防垃圾评论 (75)
其实在很早的时候园子就开始使用 Willin 大师的小墙替代了防垃圾评论插件了，这个小墙的功...
WordPress 不用插件实现在线投稿功能 (31)
很多网站上都设有在线投稿功能，在线投稿可以让其他读者的文章有机会发布在自己网站或博客上。这样...
WordPress 3.2 中文版发布，后台界面有较大改进 (54)
等了些天终于盼来了 WordPress 3.2 中文版发布，园子安装试用后，感觉 WordP...
WordPress 最新禁用文章修订和自动保存的方法 (20)
WordPress 默认都带有文章修订和自动保存的功能，对于一些博主来说，不是很喜欢这些功能...
WordPress 技巧：月度文章排行的显示方法 (39)
很多个人博客都习惯在侧栏显示出月度文章排行或年度文章排行，这种显示方式可以直接增加网友访问博...
升级到 WordPress 3.1.3 (37)
WordPress 的更新频率越来越不可思议，昨天在后台看到了 WordPress 3.1....
canonical 标签介绍 (14)
rel="canonical" 这个标签已经推出很久了，canonical 是 Google...

园子博客广告位开卖了网站左侧添加导航功能，可快速转到顶部和底部

侯永禄
七 22nd, 201100:41

回复 | 引用 | #1

如果能将此方法用在打开文章页就好了。还想请教博主如何实现在新窗口打开文章页。谢谢。
icerwen
五 8th, 201122:47

回复 | 引用 | #2

博主博客做的真好！
这么个性的留言框框怎么弄出来的？
番茄
三 24th, 201123:25

回复 | 引用 | #3

我的博客已经实现在新窗口打开评论链接了，只需要添加几个代码即可，很方便。
望月常绵SEO
十 22nd, 201023:24

回复 | 引用 | #4

谢谢你的文章，帮到我了
ulmay
九 20th, 201011:41

回复 | 引用 | #5

-_- 后台不是有 target=blanck 的选项么？
- 园子
  九 20th, 201012:30
  
  回复 | 引用 | #6
  
  @ulmay
  不是吧？哪有啊？
yesureadmin
九 1st, 201011:30

回复 | 引用 | #7

这个可以有，谢谢共享
小存
八 29th, 201013:14

回复 | 引用 | #8

@园子
来请教你，你右边栏那个最新评论
怎么改才能像你这样点击评论者的名字是跳到它评论的那里
我使用的是WP-RecentComments这个插件
点击名字的时候是跳到别人的博客了俺是菜鸟
- 园子
  八 30th, 201009:30
  
  回复 | 引用 | #9
  
  @小存
  用这个插件不需要做什么设置就是这样的啊
  默认就是这样的模式。
  - 小存
    八 30th, 201022:49
    
    回复 | 引用 | #10
    
    可能是主题的问题，我已经改好了，是调用了主题里的函数
A.shun
八 13th, 201020:03

回复 | 引用 | #11

jq选择器威武
John
八 13th, 201010:28

回复 | 引用 | #12

园子这个主题模板比较清新，适合夏季使用，哈哈。
讨教：左边的顶部、评论、底部移动条是如何生成的？
- 园子
  八 14th, 201008:49
  
  回复 | 引用 | #13
  
  @John
  请看这篇文章：http://www.yzznl.cn/archives/add-site-navigation.html
疾风
八 12th, 201022:03

回复 | 引用 | #14

方法一好点骨灰盒
- 疾风
  八 12th, 201022:04
  
  回复 | 引用 | #15
  
  ⊙﹏⊙b汗一不小心打了个骨灰盒
  - 园子
    八 13th, 201008:37
    
    回复 | 引用 | #16
    
    @疾风
    他的名字有些太过于个性了。
Code之行人
八 10th, 201019:13

回复 | 引用 | #17

园子，那种比较好呢
- 园子
  八 11th, 201009:07
  
  回复 | 引用 | #18
  
  @Code之行人
  个人不推荐用插件，前提是你得懂点代码。
Pavel
八 10th, 201009:51

回复 | 引用 | #19

刚才留言时出现了数据库连接错误提示
响应时间很长
freetstar
八 9th, 201010:24

回复 | 引用 | #20

我的好像都是在新窗口打开，没怎么设置过
su
八 9th, 201009:39

回复 | 引用 | #21

呵呵这个啊不懂的折腾啊
自由人
八 9th, 201001:31

回复 | 引用 | #22

我记得我是改的代码，不过有bug，嵌套评论里面的链接还是在本窗口打开
huangjun
八 8th, 201021:47

回复 | 引用 | #23

我用了另一个人推荐的方法，结果不行。
Ygs
八 8th, 201019:26

回复 | 引用 | #24

使用jQuery的话，如果连接已经有了target，结果会怎么样？
Leyond
八 8th, 201011:02

回复 | 引用 | #25

这段代码放在那里啊
丕子
八 8th, 201007:06

回复 | 引用 | #26

嗯还是jquery好用 .attr(“target”,”_blank”);
reizhi
八 7th, 201022:27

回复 | 引用 | #27

貌似我已经用了这种插件了
刘志猛
八 7th, 201022:08

回复 | 引用 | #28

jQuery 这种方法我还看的懂哦！
黄伟涛
八 7th, 201021:33

回复 | 引用 | #29

可惜我不用Wordpress，否则可以用得上啊
扣扣网
八 7th, 201020:04

回复 | 引用 | #30

冒失我都不知道也不过这次来了好好学习了一把
秦大少
八 7th, 201019:37

回复 | 引用 | #31

好像可以通过改代码实现吧
现在也没什么精力折腾代码了本来就只知道点皮毛
日光博客
八 7th, 201019:14

回复 | 引用 | #32

什么时候换成wordpress？主题也换了。
shekck
八 7th, 201018:16

回复 | 引用 | #33

研究一下第二种方法，JQ就是的确很强大
任侠
八 7th, 201018:16

回复 | 引用 | #34

那个jquery代码，我拿回去试一试
任侠
八 7th, 201018:14

回复 | 引用 | #35

所有链接新窗口打开，你可以学习hao123，用base 标签
tal-rasha
八 7th, 201018:03

回复 | 引用 | #36

这个有用，学习了
站长实验室
八 7th, 201015:28

回复 | 引用 | #37

一般修改模板貌似就可以了…
Bee君
八 7th, 201014:54

回复 | 引用 | #38

就用第二个吧，方便~~哈哈…我就是用这个方法的
大智若鲁
八 7th, 201014:41

回复 | 引用 | #39

非常值得借鉴,支持博主
ifenwen
八 7th, 201014:36

回复 | 引用 | #40

呵呵关于jq的方法我也介绍过了不过还是有缺点的
有时候本地的网页也需要在新窗口打开而有时候又没有必要
而jq的方法是无法判别的~~~
- 园子
  八 7th, 201017:00
  
  回复 | 引用 | #41
  
  @ifenwen
  嗯不过这个机率应该比较小甚至可以忽略的
  呵呵~
日记男孩
八 7th, 201014:22

回复 | 引用 | #42

园子换模板了啊，这模板看起来很不错..
日记男孩
八 7th, 201014:21

回复 | 引用 | #43

这个具体要看模板的吧，我用的几个模板都是在新窗口打开的，也没去修改过
雅岚
八 7th, 201012:38

回复 | 引用 | #44

我的是可以自选的，所以不用改，嘿嘿。。。
记忆盒子
八 7th, 201010:38

回复 | 引用 | #45

zblog默认就是在新窗口打开的.这个确实是中国网民与国外网民很大不同的使用习惯.例如google搜索在国外是本窗口打开,在中国是新窗口打开. 而yahoo一律是本窗口打开. 老外为什么喜欢在本窗口打开呢?那样会造成很大不便的呀.
- 园子
  八 7th, 201017:01
  
  回复 | 引用 | #46
  
  @记忆盒子
  国外网友认为这是基本的礼貌
  呵呵~
- junofeeng
  八 8th, 201020:36
  
  回复 | 引用 | #47
  
  嗯、貌似就是这样哦。
老张博客
八 7th, 201010:34

回复 | 引用 | #48

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

园子博客