WordPress 如何实现不同页面页眉背景颜色自定义

  1. 找到页面的 Body Class: 打开您的 About 页面,右键点击页面空白处,选择 “检查”(Inspect)。
  2. 在开发者工具中,找到顶部的 <body> 标签。您会看到它的 class 属性里包含类似于 page-id-123 的类(数字 123 就是您的 About 页面 ID)。请记下这个完整的 page-id-xxx。
  3. 添加自定义 CSS:
    • 进入 WordPress 后台 > 外观 > 定制。
    • 在定制器左侧菜单最底部,找到并点击 “附加的 CSS” 选项。
    • 在打开的代码框中,输入以下 CSS 代码,将 page-id-123 替换为您刚刚找到的实际类名。
/* 更改 About 页面的页眉背景为白色 */
.page-id-123 .site-header {
    background-color: #ffffff !important;
}
  • .site-header 是 Astra 主题页眉的主要 CSS 选择器。
  • !important 用于确保这条规则覆盖任何可能存在的其他背景色设置。
  1. 发布: 点击定制器顶部的 “发布” 按钮。
© 版权声明
THE END
喜欢就支持一下吧
点赞8赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容