从 Astra 主题版本 1.6.0 开始,透明标题选项已成为免费版 Astra 主题的一部分,之前仅通过 Astra Pro Addon 插件可用。透明标题功能让用户能够创建一个更具吸引力和现代感的页面顶部,提升网站的视觉效果。
透明标题的工作原理
启用透明标题功能后,主标题背景会变为透明,页面内容会被推到顶部,页面顶部的内容成为透明标题的背景。如果页面的顶部区域包含图片,该图片将自动拉到顶部,并设置为透明标题的背景图。
启用透明标题
启用透明标题的步骤非常简单,下面是具体的设置步骤:
步骤 1:进入自定义器
在 外观 > 自定义 > 标题> 透明标题中找到透明标题选项。
在透明标题部分,启用透明标题功能,设置不同的 logo,并可以添加底部边框颜色。
步骤 2:选择设备显示
选择透明标题显示的设备,可以选择在 桌面、移动端 或 桌面和移动端 显示。
透明标题的布局和样式设置
透明标题不仅能改变背景,还提供了更多的自定义选项:
启用透明标题
启用整个网站的透明标题:勾选此选项,可以在整个网站上显示透明标题。
禁用透明标题:在某些页面或文章中禁用透明标题,设置包括:404、搜索和归档页面。
博客首页。
所有页面或所有文章。
自定义样式
使用不同的 logo:启用透明标题后,默认显示 布局 > 标题> 网站标识 中设置的 logo。如果想为透明标题设置不同的 logo,可以在设置中调整。
底部边框大小和颜色:可以为透明标题设置底部边框,让设计更加精致。
透明标题的颜色和背景设置
在自定义器中,可以调整透明标题的颜色选项,包括:
背景颜色:设置透明标题的背景色。
站点标题颜色:设置站点标题的颜色。
菜单样式:调整菜单的背景颜色、文本颜色、链接悬停颜色等。
子菜单样式:调整子菜单的背景色和链接颜色。
注意事项
透明标题排版:透明标题会继承全局排版设置(全局 > 排版 > 基本排版)。
页面 Meta 设置优先级:透明标题的启用或禁用可以通过页面 Meta 设置来控制。此设置优先于自定义器中的全局设置。
总结
透明标题功能可以大幅提升网站的视觉效果,使其看起来更加现代化和专业。通过简单的设置,用户可以轻松启用透明标题,调整样式和颜色,让网站在不同页面或设备上表现出色。如果遇到任何问题,随时可以联系支持团队。