在大多数网站上,用户很难跟踪作者的评论。这就是为什么许多WordPress网站通过使其成为不同的背景颜色,添加图像等来突出显示作者的评论。如果您想学习如何在WordPress中突出显示作者的评论,那么您来对了地方。在本文中,我们将向您展示在WordPress中突出显示作者评论的最简单最简单的方法。

WordPress默认生成一些CSS类,使设计师和用户更容易更改样式(WordPress CSS Cheat Sheet)。在WordPress添加的那些默认类中,其中一个专门用于样式作者的注释。

该类名为.bypostauthor,可以在.commentlist元素中找到。您所要做的就是使用CSS添加自定义样式。例如,您可以添加自己的背景,自己的图像等。注意:此代码可以在主题文件夹中的style.css文件中找到。

.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}

这不一定非常复杂。这通常是一个相当简单的区别,突出了作者的评论。例如,Chris Coyier有一个黄色/橙色的边框顶部,使他的评论脱颖而出。

Highlight Author Chris

要获得像Chris这样的东西,你所要做的就是在这些类中添加这个值:

.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}

注意:我们强烈建议您更改颜色以匹配您的配色方案:)

另一个例子是Matt Cutt的网站。他通过在评论中添加一个浅色背景来强调他的评论,而所有其他评论都有白色背景。

Highlight Author Matt

你可以通过在style.css文件中添加这样的东西来做到这一点:

.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}

同样,我们强烈建议您更改颜色以匹配您网站的配色方案