如何使用 Elementor 在 WordPress 中隐藏页面标题

使用 Elementor 设计网站时，最常见的自定义之一就是隐藏默认页面标题。WordPress 默认会在内容顶部显示每个页面的标题，但有时你可能希望移除或替换这个标题，以获得更简洁的设计，尤其是在使用 Elementor 的高级设计工具时。在本指南中，我们将带你了解如何使用 Elementor 在 WordPress 中隐藏页面标题。

为什么要在 WordPress 中隐藏页面标题？

你可能想在 WordPress 中隐藏页面标题的原因有很多：

• 设计灵活性：你可能更喜欢没有默认页面标题的全宽、简洁布局。
• 自定义标题：你可能想使用 Elementor 小工具创建自己的标题，或将其放在页面的其他位置，以获得更个性化的外观。
• 一致性：如果你使用的是自定义主题或页面构建器，默认页面标题可能与网站的整体美感或设计结构不匹配。

无论你的原因是什么，Elementor 都提供了多种轻松隐藏页面标题的方法，确保你拥有完全的创意控制权。

方法 1：从 WordPress 仪表盘隐藏页面标题

Elementor 允许你直接在 WordPress 页面编辑器中禁用默认页面标题。此方法简单，不需要额外插件。

步骤：

1. 在 WordPress 仪表盘中打开页面：
   • 进入 WordPress 仪表盘中的 Pages，并选择你想隐藏标题的页面。
2. 使用 Elementor 编辑页面：
   • 进入页面编辑器后，点击 Edit with Elementor。
3. 隐藏页面标题：
   • 在 Elementor 编辑器左侧面板中，点击 Settings 图标（位于左下角）。
   • 在 Page Settings 部分，将 Hide Title 选项切换为 Yes。
4. 发布/更新页面：
   • 隐藏标题后，点击 Update 按钮保存更改。

现在，页面标题将不再显示在你的页面上。

此方法的优点：

• 实现快速且简单。
• 不需要任何自定义代码或额外插件。

缺点：

• 此方法仅在你使用 Elementor 编辑页面时有效，且不适用于其他主题或页面构建器。

方法 2：使用自定义 CSS 隐藏页面标题

如果你想更精确地控制哪些页面隐藏标题，或者不想使用 Elementor 内置设置，你可以使用 CSS 在整个网站或特定页面上隐藏页面标题。

步骤：

1. 进入 Customizer：
   • 在 WordPress 仪表盘中，前往 Appearance > Customize。
2. 打开 Additional CSS 部分：
   • 在 WordPress Customizer 中，导航到 Additional CSS。
3. 添加 CSS 代码：
   • 若要隐藏所有页面上的页面标题，请粘贴以下 CSS 代码：

   .entry-title {
       display: none;
   }

   • 如果你只想隐藏特定页面上的标题，可以使用 page ID。例如，要隐藏 ID 为 123 的页面标题：

   .page-id-123 .entry-title {
       display: none;
   }

4. 发布更改：
   • 添加自定义 CSS 后，点击 Publish 保存更改。

现在，标题将会在你指定的页面上被隐藏。

此方法的优点：

• 可完全控制在哪些页面上隐藏标题。
• 无需在 Elementor 中手动编辑每个页面。

缺点：

• 需要了解 CSS 和 WordPress Customizer。
• 若要更精确地定位，你需要手动查找 page ID 或 class。

方法 3：使用插件隐藏标题

对于喜欢更省事方式的用户，有一些插件可以只需点击几下就隐藏页面标题。用于此任务最受欢迎的插件之一是 Title Remover。

步骤：

1. 安装并启用插件：
   • 在 WordPress 仪表盘中，前往 Plugins > Add New。
   • 搜索 Title Remover 并安装。安装完成后，点击 Activate。
2. 隐藏页面标题：
   • 启用后，进入 WordPress 仪表盘中的 Edit Page 页面。
   • 在 Title Remover 部分，你会看到 Remove Title 选项。只需勾选该框并更新页面即可。
3. 发布/更新页面：
   • 点击 Update 保存更改。

现在，该特定页面的标题将被隐藏。

此方法的优点：

• 设置快速且简单。
• 无需自定义 CSS 或在 Elementor 中手动编辑。

缺点：

• 需要安装插件，如果使用过多插件，可能会略微影响网站性能。
• 该插件可能无法与每个主题或页面构建器完美兼容。

结论

在 WordPress 中隐藏页面标题，是一种简单但有效的方式，可以改善你的网站设计和用户体验。无论你使用 Elementor 内置选项、自定义 CSS 还是插件，都有多种方法可以实现理想效果。

• 如果你更喜欢简单方式，Elementor 的 Hide Title 功能是最佳选择。
• 如果需要更高灵活性，可使用 CSS 定位特定页面或元素。
• 而对于想要快速解决方案的人来说，像 Title Remover 这样的插件会让操作更轻松。

选择最适合你工作流程的方法，享受更简洁、更精致的网站设计！