子比主题 8.9 隐藏文章页作者信息完美教程

子比主题 8.9 隐藏文章页作者信息完美教程

随着子比主题（zibll）更新到 8.9 版本，许多站长在排版文章页时发现，之前用于隐藏作者信息的 CSS 代码失效了。这是因为新版主题对前端 DOM 结构和类名进行了重构。本文将分享一套针对 8.9 版本的精准解决方案，帮助你彻底隐藏文章页的作者信息（包括头像、昵称、等级标识等）。

问题背景

在旧版子比主题中，我们通常使用 .author-info 或 .meta-left 等通用类名来隐藏作者模块。但在 8.9 版本中，这些类名已不再适用，导致添加 CSS 后作者信息依然显示。

解决思路

解决此类问题的核心在于精准定位。我们需要通过浏览器的“检查（Inspect）”工具，找到包裹作者信息的最外层容器的真实类名。经过排查，8.9 版本中该容器的组合类名为 user-info flex ac article-avatar。

实操步骤

1. 登录你的 WordPress 网站后台。
2. 进入 子比主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式。
3. 将以下代码复制并粘贴到输入框中：

/* 针对子比8.9版本：强制隐藏文章页作者信息容器 */
.user-info.flex.ac.article-avatar {
    display: none !important;
}

4. 保存设置。

注意事项

• 清除缓存：代码生效后，请务必清除浏览器缓存（快捷键 Ctrl + F5）以及网站使用的缓存插件（如 WP Rocket、LiteSpeed Cache 等），否则可能仍显示旧版页面。
• 布局微调：隐藏作者信息后，如果文章标题或排版出现轻微的位移，通常是因为原容器使用了 Flex 弹性布局。如需进一步调整间距，可在上述代码下方补充 margin 或 padding 属性进行微调。

总结

通过精准抓取新版主题的类名，我们可以用极简的 CSS 代码完美解决版本更新带来的排版问题。如果你还有其他页面（如首页列表、评论区）需要隐藏作者信息，也可以采用相同的“检查元素 -> 提取类名 -> 编写 CSS”的思路来解决。