Astra 是一款轻便且灵活的 WordPress 主题,常用于博客、企业官网和电商类网站。它默认会在每个页面或文章顶部显示标题,但有时候,比如使用 Elementor 创建的页面,页面标题可能会显得多余或者影响排版效果。本文会介绍几种简单实用的隐藏方法,适合不同操作习惯的用户。
一、为什么要隐藏标题
使用 Astra 主题构建 WordPress 网站时,有些页面不用显示默认的页面标题。下面是隐藏标题的几种常见原因:
自定义页面布局需求
如果使用了像 Elementor、Beaver Builder 这类页面构建器来自定义页面内容,页面的主标题往往已经通过组件呈现,默认的 WordPress 标题会显得重复或不协调。
提升视觉统一性
默认标题样式可能与页面整体风格不一致,隐藏标题可以让页面看起来更简洁、有设计感,特别是在首页、落地页等关键页面。
内容重复或无意义
有些页面(如“关于我们”、“联系我们”)的主要内容已经通过导航或模块表达清楚,标题的存在反而会分散注意力,或显得多余。
更强的品牌表达
自定义设计中,页面首屏往往用品牌口号、图像或横幅替代标题,隐藏默认标题能避免破坏整体视觉体验。
二、多种方式灵活隐藏页面标题
1. 在页面构建器中直接隐藏标题
如果使用的是 Elementor 等可视化编辑工具创建页面,也可以在布局设置中隐藏页面标题。
操作步骤:
打开页面 → 使用 Elementor 编辑
点击左下角“设置”(齿轮图标)
找到 “隐藏标题(Hide Title)” 选项 → 开启
更新页面
请注意,该选项依赖于主题支持,有些 Astra 子主题可能不会自动识别 Elementor 的“隐藏标题”指令。
2. 使用自定义 CSS
如果希望全站所有页面都不显示标题,可以添加一段 CSS 来统一处理。
操作方法:
后台 → 外观 > 自定义 > 额外 CSS
添加以下代码:.page-id-346 .entry-title {
display: none;
}
发布更改,所有页面的标题将被隐藏(不影响后台标题填写)
这种方法适合更干净的页面风格,特别是在完全依赖页面构建器排版时。
3. 使用插件进行页面标题控制
更直观或批量管理隐藏标题功能,也可以使用插件,例如:
Title Remover
安装并启用后,在编辑页面时直接选择是否隐藏标题,适用于 Astra 或其他主题。
安装步骤:
后台 → 插件 → 安装插件
安装并启用
使用方法:
打开一个页面或文章进行编辑
页面右侧会新增一个设置框,叫做 “Hide Page And Post Title”
选择“隐藏标题”,然后更新页面
三、总结
Astra 主题提供多种隐藏页面标题的方式,无论是通过 CSS 或是插件,都可以根据实际需求灵活处理,避免页面出现重复标题或布局不协调的问题,让版面更简洁统一。如果使用的是 Elementor、Beaver Builder 等页面构建器,建议关闭默认标题显示,可以打造更符合设计风格的页面效果