如何在WordPress中突出作者的评论

在大多数网站上,用户很难跟踪作者的评论。 这就是为什么许多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)有一个黄色/橙色边框,让他的评论脱颖而出。

突出作者克里斯

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

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

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

另一个例子是马特·卡特的网站。 他通过给他的评论添加一个浅色的背景来突出他的评论,而所有其他的评论都有一个白色背景。

突出作者马特

你可以在你的style.css文件中添加这样的东西:

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

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

我们希望你能找到关于如何在WordPress中突出作者评论的教程是有帮助的。 上面的例子很简单,但你可以完全疯狂,并添加背景图像等,让我们知道如果你有任何问题。