现在越来越多的 WordPress 网站都选择关闭评论了，只是偶尔有几篇文章或页面会打开评论，那么对于主题模板里面的 style.css 文件，里面针对评论系统的 css 代码就没有必要添加了，可单独建一个 css 文件，例如 comments.css，来存储评论系统样式代码。这样可以缩小 style.css 文件体积，提高加载速度，利于优化。
如何引入 comments.css 文件到前端？有很多方法，比如我前一篇文章《在WordPress系统中使用自定义字段给某些特定文章单独添加css文件》中提到的方法。不过这个方法对于评论系统来说有点麻烦：原因就是，你现在开放了评论，如果之后又关闭了评论呢？系统不会自动判断，而需要手动修改取消自定义栏目。
这里有一种更好的方法，即通过 WordPress 函数判断评论是否开放、是否有评论来实现加载 comments.css 文件。
方法如下，在主题的 functions.php 文件中添加如下代码：
- function add_comments_css(){
- if ( is_singular() ) {
- $comment_is_open = comments_open(); //评论是否开放
- $comment_num = get_comments_number(); //评论数
- //如果评论开放，或者，评论关闭且有评论 则加载comments.css文件
- if ( $comment_is_open || false === $comment_is_open && $comment_num > 0 ) {
- wp_enqueue_style( 'comments', 'comments.css文件的地址' );
- }
- }
- }
- add_action( 'wp_enqueue_scripts', 'add_comments_css' );
很简单的代码。至于 wp_enqueue_style() 和 wp_enqueue_scripts ，可自行网上搜索以下查看解释。
