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























![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容