彻底解决视觉灾难!Astra 主题隐藏页面标题的终极神技大公开!

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

Hide Page And Post Title

安装并启用后,在编辑页面时直接选择是否隐藏标题,适用于 Astra 或其他主题。

安装步骤:

后台 → 插件 → 安装插件

安装并启用

使用方法:

打开一个页面或文章进行编辑

页面右侧会新增一个设置框,叫做 Hide Page And Post Title

选择“隐藏标题”,然后更新页面

三、总结

Astra 主题提供多种隐藏页面标题的方式,无论是通过 CSS 或是插件,都可以根据实际需求灵活处理,避免页面出现重复标题或布局不协调的问题,让版面更简洁统一。如果使用的是 Elementor、Beaver Builder 等页面构建器,建议关闭默认标题显示,可以打造更符合设计风格的页面效果

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注