WordPress技巧:文章内图片链接新窗口打开

如果一个链接点击后不是新建窗口打开,而是直接在当前页面跳转的话,那么这样用户在点击你站点的某个链接后,很有可能跳转到其他网站后,就再也不会回来了,除非用户按后退才能返回你的站点。这样的链接跳出率很高,我们草根站长,本来站流量就不高,偶尔来了个客人还由于点了某个链接跳出了自己的站点,这样的设置是得不偿失的。虽然可能每一位站长都知道应该尽量避免这种跳出链接,但是由于wordpress的多样性,多主题,多插件,对于某些跳出链接,总会有些疏忽,比如本人,已经在千丝海阁内看到过2位读者给我类似的留言了。
杨祖江针对于WP默认评论模板里的作者链接留了两次言:

  1. 点击作者的链接地址,直接跳转到作者的界面了!不想让回来了,呵呵。
  2. 好像你的评论的链接只要点击其他人的,就直接去其他人的博客了,这个也许就回不来了!

南寻针对于文章内图片链接的留言:

  1. 图片在新窗口中打开比较好的吧,点击图片后还要后退才能看文章,,

好吧,这两处都是由主题引起的,也是我个人疏忽了,评论里的作者我前两天就已经修正了代码,直接修改wordpress/wp-includes/comment-template.php,在a标签处加上target_blank即可。但今天要改的文章内图片链接就让我稍微为难了一下,难道要每次插入图片链接时都加上target_blank属性?这貌似是可以的,但又不符合逻辑,每次都要手动改一下,是否有点太挫了?改CSS样式?不知道可不可以,我对CSS不甚了解,还是放弃,用jq实现吧。打开主题下的footer.php,在其中加入以下代码:

<script type="text/javascript">
$(function() {  
	var mydomain = location.hostname;
	$("a[href^='http://" + mydomain + "/wp-content/uploads'],[href^='http://']:not([href*= '"+ mydomain +"'])").attr("target", "_blank");
});  
</script>

这段代码由于是写在footer上的,会针对整个博客内的所有链接(文字+图片)做以下判定处理:

  • 链接是wp后台上传多媒体产生的,比如写文章时上传的本地图片等,都会新建页面跳转链接。
  • 链接是本站之外的链接,新建页面跳转链接。
  • WordPress本身的各种链接,比如首页,单独页面,文章页,目录分类,都在当前页直接跳转。

我看有些个别人的网站,点一个站内文章都会新建一个页面跳转,这样的用户体验很差,我看5篇文章,我就要打开5个页面,并且看完了还需要关闭5个页面,何必呢?作为一个独立博客,这些细小的有利于用户的体验是有助于自己网站发展的。

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论