最近在折腾博客的时候,在给一个div写css的时候,发现这个css在有评论区的情况下显示的异常别扭。而我又是一个强迫症的折腾者。具体是在什么情况下,你们可以看下下面的例图就知道我所说的这种情况了。

例图:

如何解决这个css和评论区的一个效果有重叠?为了解决这个问题,先找到可行的思路。一个页面没有评论区域,一个页面有评论区域。那么问题就从有无评论来下手,然后用if语句来写一个判断。百度没找到关于wordpress评论的函数,搜索关键词全是comments_template()这个获取评论模版的函数。然而我要的是只获取有无评论的函数。

谷歌了下,找到了一个get_comments_number()函数,这个函数的意思就是获取评论数量,我们就用这个函数来搞事。当评论为0的时候,我们就判断该页无评论区域。

代码如下:

<!-- 判断该页面有没有评论 -->
<?php if (get_comments_number()==0) {
	echo '<div class="none-comments"></div>';
} else {
	echo '<div class="all-comments"></div>';
};
?>

当评论数为0的时候,输出有横线的这个div。当该页面有评论的时候,输出另外一个div(空css)。这样就避免了我上面所说的问题了。同样这个函数也可以拿来做一个延伸,当前文章没有评论的时候,来做一个“快来抢沙发”。具体怎么来做,你们自己看着搞吧。