如何隐藏WordPress Customizr经典版评论区的Post Author徽章
嘿,我来帮你搞定这个问题!你之前尝试的方法要么不生效要么误删了作者名称,核心原因是没有精准定位评论区里的那个蓝色徽章元素。咱们用CSS就能轻松解决,步骤如下:
1. 精准定位徽章的CSS选择器
先打开你的评论页面,用浏览器的开发者工具(按F12,或者右键徽章→检查)查看这个蓝色"Post Author"徽章的HTML结构。通常在Customizr经典版里,评论区作者的徽章会带这些类:.badge或者.label.label-primary,并且父元素会有.bypostauthor标记(用来识别文章作者的评论)。
2. 添加专属CSS代码
找到正确的选择器后,把下面的代码添加到你的WordPress站点中:
/* 隐藏评论区的Post Author徽章,保留作者名称 */ .commentlist .bypostauthor .badge { display: none !important; }
如果上面的代码没生效,试试这个更精准的版本(适配不同的徽章类名):
.commentlist .bypostauthor .label.label-primary { display: none !important; }
3. 如何添加CSS代码
- 最简单的方式:登录WordPress后台,进入「外观」→「自定义」→「额外CSS」,把代码粘贴进去,点击「发布」即可。
- 更稳妥的方式:如果用了子主题,直接把代码加到子主题的
style.css文件里,这样主题更新时不会丢失修改。
为什么这个方法有效?
.commentlist确保我们只针对评论区的元素,不会影响文章其他位置的元数据;.bypostauthor只选中文章作者的评论;- 最后只隐藏徽章元素(
.badge或.label),不会触碰到作者名称的文本部分。
内容的提问来源于stack exchange,提问作者andrew5555
相关产品推荐
相关产品推荐

