Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

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

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
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企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?