在 Astra 主题中使用透明标题

从 Astra 主题版本 1.6.0 开始，透明标题选项已成为免费版 Astra 主题的一部分，之前仅通过 Astra Pro Addon 插件可用。透明标题功能让用户能够创建一个更具吸引力和现代感的页面顶部，提升网站的视觉效果。

透明标题的工作原理

启用透明标题功能后，主标题背景会变为透明，页面内容会被推到顶部，页面顶部的内容成为透明标题的背景。如果页面的顶部区域包含图片，该图片将自动拉到顶部，并设置为透明标题的背景图。

启用透明标题

启用透明标题的步骤非常简单，下面是具体的设置步骤：

步骤 1：进入自定义器

• 在 外观 > 自定义 > 标题> 透明标题中找到透明标题选项。
• 在透明标题部分，启用透明标题功能，设置不同的 logo，并可以添加底部边框颜色。

步骤 2：选择设备显示

选择透明标题显示的设备，可以选择在 桌面、移动端 或 桌面和移动端 显示。

透明标题的布局和样式设置

透明标题不仅能改变背景，还提供了更多的自定义选项：

启用透明标题

• 启用整个网站的透明标题：勾选此选项，可以在整个网站上显示透明标题。
• 禁用透明标题：在某些页面或文章中禁用透明标题，设置包括：
  • 404、搜索和归档页面。
  • 博客首页。
  • 所有页面或所有文章。

自定义样式

• 使用不同的 logo：启用透明标题后，默认显示 布局 > 标题> 网站标识 中设置的 logo。如果想为透明标题设置不同的 logo，可以在设置中调整。
• 底部边框大小和颜色：可以为透明标题设置底部边框，让设计更加精致。

透明标题的颜色和背景设置

在自定义器中，可以调整透明标题的颜色选项，包括：

• 背景颜色：设置透明标题的背景色。
• 站点标题颜色：设置站点标题的颜色。
• 菜单样式：调整菜单的背景颜色、文本颜色、链接悬停颜色等。
• 子菜单样式：调整子菜单的背景色和链接颜色。

注意事项

• 透明标题排版：透明标题会继承全局排版设置（全局 > 排版 > 基本排版）。
• 页面 Meta 设置优先级：透明标题的启用或禁用可以通过页面 Meta 设置来控制。此设置优先于自定义器中的全局设置。

总结

透明标题功能可以大幅提升网站的视觉效果，使其看起来更加现代化和专业。通过简单的设置，用户可以轻松启用透明标题，调整样式和颜色，让网站在不同页面或设备上表现出色。如果遇到任何问题，随时可以联系支持团队。

相关文章