ZBlogPHP免费响应式主题Blogs外链添加nofollow标签

投稿   一股劲  2019-08-01 17:07:04  51 人阅读  2 条评论

今天老古在折腾“一股劲”站点的时候才发现ZBlogPHP 免费响应式主题 Blogs的外链竟然没有自动添加 nofollow 标签,这对于一个经常需要添加外部链接的站点来说是十分不利的。下面老古就跟大家分享一下 Blogs 主题如何通过 JS 实现自动为外链添加 nofollow 标签(PS:zbpNana 主题也同样适用)。

ZBlogPHP免费响应式主题Blogs外链添加nofollow标签 - 第1张 - boke112导航(boke112.com)

找到并打开 zb_users\theme\Blogs\template\footer.php 文件,以 Blogs V2.0 版本为例,大概在 43 行代码下方添加以下 JS 代码:

<script>
    $(".single-content a").each(function(){
        var articleHref = $(this).attr("href").split('/')[2];
        if(articleHref != window.location.host){
            $(this).attr("rel","external nofollow noopener");
        };
    })
</script>

代码来自@w3h5

具体如下图所示:

ZBlogPHP免费响应式主题Blogs外链添加nofollow标签 - 第2张 - boke112导航(boke112.com)

编辑并保存好 footer.php 文件后,记得点击后台首页的 [清空缓存并重新编译模板]按钮,要不然是无法生效的。最后,如果站点使用有 CDN 加速的话,还要刷新 CDN 才行。

至此,我们在发布/编辑文章所添加的外链都会自动添加 rel=”external nofollow noopener” 标签了。因为这个是通过 JS 实现,所以理论上所有 ZBlogPHP 主题都可以通过这个方法实现,只需要修改 JS 代码中的 .single-content a 为文章中对应的 class 值即可。如果你是使用zbpNana 主题的话,可以直接按本文的方法照搬本文的代码即可实现。

您可能感兴趣的文章

文章标签: ,   ,  
原文地址:http://yigujin.wang/post/26.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 一股劲 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
©boke112导航,本站推荐使用:阿里云 ECS服务器等云产品服务,国外免备案主机建议使用:老薛主机
一股劲

阿里云专题 腾讯云专题虚拟主机专题WPS专题

 发表评论

大笑表情偷笑表情鼓掌表情思考表情疑问表情抠鼻表情抓狂表情晕表情黑线表情流汗表情流泪表情囧表情衰表情围观表情OK表情牛表情

  1. 洁灰博客园
    洁灰博客园 @回复

    这个方法自动加代码还是可以的,