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

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

12142 18

如果一个链接点击后不是新建窗口打开,而是直接在当前页面跳转的话,那么这样用户在点击你站点的某个链接后,很有可能跳转到其他网站后,就再也不会回来了,除非用户按后退才能返回你的站点。这样的链接跳出率很高,我们草根站长,本来站流量就不高,偶尔来了个客人还由于点了某个链接跳出了自己的站点,这样的设置是得不偿失的。虽然可能每一位站长都知道应该尽量避免这种跳出链接,但是由于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个页面,何必呢?作为一个独立博客,这些细小的有利于用户的体验是有助于自己网站发展的。

文章评分3次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2013/05/new-windows-for-image-link/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

评论前先开启评论开关:


18 Comments

  1. 找了一天终于找到方法了,非常感谢!

  2. ZXZ :

    请问为何我把代码插入到footer.php的标签前面,却没有效果?

  3. 所以要养成右键打开新标签的习惯~嘻嘻

  4. Rilun :

    介个木有什么的 我的图片要么基本都是不带链接的 hoho

  5. 我怎么记得,wordpress本省就有图片在新窗口打开的那个选项啊。

  6. 发文章图片时有个选项是图片新窗口打开

    • tiandi :

      那个需要手动点,而且好像3.5.1版本的在插入图片的默认页面没有这个选项,反正我是没有看到。

  7. 对予大图片 这个功能还是挺实用的

  8. 南寻 :

    又发现一个问题,你的回复我没收到邮件提醒,也没被企鹅吃掉。。

  9. 一直用的是light box这类的打开效果

    • tiandi :

      现在想想还是暂不用light box了。主要是感觉博客里的图片都不是用来秀的,用lightbox有点浪费资源了。

  10. 我最近看了很多这个程序的博客,感觉Wordpress的好卡.不过你的就不会哦.

  11. 一般列表页到详细页,是新窗口打开。那么导出到外站的链接,毫无疑问是新窗口了,多谢博主。

载入分页评论...