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

• • 腾讯云建站教程
  • 宝塔面板建站教程
  • 老薛主机建站教程
  • SiteGround建站教程

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

找到并打开 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

具体如下图所示：

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

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