»

在WordPress系统中给评论系统单独添加CSS文件

    WordPress  
建站web.configWp Super Cache伪静态百度云加速SEO网站优化CLB爬虫查询重定向网络安全身份认证访问IIS网站镜像腾讯云加速wordpresscookieshtaccess缓存浏览器工作WordPress插件WP Rocket

现在越来越多的 WordPress 网站都选择关闭评论了,只是偶尔有几篇文章或页面会打开评论,那么对于主题模板里面的 style.css 文件,里面针对评论系统的 css 代码就没有必要添加了,可单独建一个 css 文件,例如 comments.css,来存储评论系统样式代码。这样可以缩小 style.css 文件体积,提高加载速度,利于优化。

如何引入 comments.css 文件到前端?有很多方法,比如我前一篇文章《在WordPress系统中使用自定义字段给某些特定文章单独添加css文件》中提到的方法。不过这个方法对于评论系统来说有点麻烦:原因就是,你现在开放了评论,如果之后又关闭了评论呢?系统不会自动判断,而需要手动修改取消自定义栏目。

这里有一种更好的方法,即通过 WordPress 函数判断评论是否开放、是否有评论来实现加载 comments.css 文件。

方法如下,在主题的 functions.php 文件中添加如下代码:

  1. function add_comments_css(){  
  2.     if ( is_singular() ) {  
  3.         $comment_is_open = comments_open(); //评论是否开放  
  4.         $comment_num = get_comments_number(); //评论数  
  5.                 //如果评论开放,或者,评论关闭且有评论 则加载comments.css文件  
  6.         if ( $comment_is_open || false === $comment_is_open && $comment_num > 0 ) {  
  7.             wp_enqueue_style( 'comments', 'comments.css文件的地址' );  
  8.         }  
  9.     }  
  10. }  
  11. add_action( 'wp_enqueue_scripts', 'add_comments_css' );  

很简单的代码。至于 wp_enqueue_style() 和 wp_enqueue_scripts ,可自行网上搜索以下查看解释。

时光在路上扫码阅读、分享
  • 版权声明:该文章由 时光在路上 发表,共 913字。除非特别标注来源,否则为原创。详见《版权声明》部分。
  • 转载请注明:文章标题和文章链接 - 时光在路上 - 也可直接“复制本文链接” 或 使用右边二维码分享本文 →