Astra主题页眉生成器如何使用

Astra主题提供了很成熟的页眉设计方法，也是每个访客都会第一眼看到的地方。Astra主题页眉生成器帮助你无需任何编码知识就能轻松愉快的创建出色的页眉。自定义添加 logo、站点标题、样式、菜单、按钮、社交图标等。

老魏分享过 Astra主题页脚生成器如何使用，页眉页脚给访客传递了重要信息，大家要重视起来。

1、页眉生成器在哪里

安装Astra主题后，默认集成了页眉生成器。

安装 Astra主题后，登录 WordPress后台>外观>主题，搜索Astra，安装启用。

WordPress后台 > Astra选项，右侧点击“页眉生成器”。

2、页眉生成器

Astra页眉生成器包括：

• site title logo：是否显示站点标题、站点标语、站点logo、logo宽度等
• button1：网站的 CTA按钮
• 主菜单：网站主菜单
• 透明页眉：设置 Astra透明导航
• 固定页眉：购买 Astra pro插件后才有。

3、透明页眉

关于 Astra透明页眉，老魏特意分享了一篇 Astra透明导航如何设置使用的内容。

4、设计design

• 全宽：把标题从屏幕一边扩展到另一边
• 内容宽度：限制标题使用内容宽度显示，而标题背景仍然会从屏幕一边延伸到另外一边
• 边距：为标题左右、背景增加空间

5、可视页眉生成器

这时我们在实时预览页面的下方看到 页眉 生成器，包括三个独立部分，你可以在这三个部分中添加任何元素，做一个排列组合，鼠标拖拽就可以生成漂亮、功能丰富的页眉了。

• 点击这三行页眉中的+来添加各种元素。
• 主页眉：位于中间的部分。常用于添加 Logo、主菜单、搜索、购物车和帐户等重要元素。
• 页眉 上方：位于上面那一行，一般用于二级菜单、社交图标、CTA按钮等元素。或者用 HTML 代码/短代码等添加当前折扣、突发新闻或网站访问者的一些通知。
• 页眉下方：位于下面的那行，经常会留空。
• 上方和下方标题是对主标题的有益补充部分，这部分区域用来添加需要的所有元素和信息。

点击左侧的“齿轮”图标来自定义每个部分的属性参数。

General：PC端、平板、手机的高度和是否隐藏

Design：

底部边框大小和颜色：通过设置边框大小添加底部边框，将标题与其他部分或网站内容分开。设置边框大小后，将出现用于选择边框颜色的附加选项（底部边框颜色）

背景：设置页眉背景颜色；

Padding（内距/填充）：在页眉一侧或多侧添加填充，也就是边缘和内容之间增加空间；

Margin（外距/边距）：在页眉一侧或多侧添加边距。在标题和另一个区域（其他标题、页面/文章内容、屏幕边缘等）之间增加空间；

每个页眉都可以单独定制桌面和移动设备，为每个视图添加不同的元素。元素的位置可以改变。

Off Canvas

用于编辑平板电脑、手机菜单等移动端菜单。

如下图所示，这个菜单需要切换到平板电脑或手机设备才能开始编辑。把需要的元素添加到此菜单，上下拖拽设置顺序。

点击“齿轮”图标打开以下选项卡：

General通用设置

• 页眉类型：弹出Flyout（菜单从屏幕右侧或左侧飞入）、全屏或下拉列表；
• 下拉目标：点击下拉目标 ( Icon ) 或链接 ( Link )选择是否要打开子菜单
• 内容对齐：将 Off Canvas 部分设置为左边、居中或右边；

6、总结

Astra主题页眉生成器的功能很强大，即使免费版也提供了如此众多的实用功能。

这里面只有固定页眉是需要购买 Astra pro主题才可以用的，其他都是免费使用且不断更新升级。