在大多数网站上,用户很难跟踪作者的评论。 这就是为什么许多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中突出作者评论的教程是有帮助的。 上面的例子很简单,但你可以完全疯狂,并添加背景图像等,让我们知道如果你有任何问题。