Astra主题透明页眉Transparent Header设置,导航栏叠加在Banner上方显示

Astra主题透明页眉Transparent Header设置,导航栏叠加在Banner上方显示
Astra主题透明页眉(Transparent Header),使页眉背景变为透明色,与页面内容无缝融合(导航栏覆盖页面内容上方),营造出现代化、简洁的视觉效果。本篇文章分享如何开启和关闭Astra的透明页眉。
文章目录

本篇文章共 552 字,预计阅读时间 3 分钟

什么是透明页眉?

透明页眉(Transparent Header)也叫叠加页眉、透明导航,是一种网页设计元素,指的是页眉(导航栏)区域没有实心背景色,而是让网页的背景图像或颜色透过页眉显示出来。

这种设计使得网站看起来更加简洁大气,特别适合在页面顶部展示大幅背景图或视频的场景。如下图所示:

Astra透明页眉效果

Astra主题本身自带透明页眉功能,接下来由Well为大家演示Astra透明页眉的开关方法。

如何开启/关闭Astra主题透明页眉?

首先,进入“WP后台 – 外观 – 自定义”页面:

WP后台 - 外观  -自定义

点击进入“页眉生成器”。

页眉生成器中透明页眉

再点击进入“透明页眉”。

- Well建站 | 唯二建站

开关“在整个网站上启用”可以控制透明页眉是否开启。

这里是控制整个网站上透明页眉是否默认开启,如果某个页面单独设置了透明页眉,则全局设置对该页面不生效。

下面是控制单个页面透明页眉设置的方法:

控制单个页面开关透明页眉

打开对应页面的编辑界面,点击右侧侧边栏上方的Astra设置按钮:

单个页面的Astra设置

再在下方点击“高级设置”。

开启或关闭单个页面的透明页眉

接下来就可以选择是否单独为该页面开启透明页眉。

以上就是Astra透明页眉的设置方法,点击查看更多Astra主题教程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
简体中文