Astra Header Footer Builder 是在 Astra 中设计创意页眉/页脚的全新先进方法。
https://www.youtube.com/embed/blvToYnfa18?feature=oembed
本文将帮助您入门并了解 Astra Header Footer Builder 的所有可用选项。
入门
安装 Astra 主题(4.0.0 版及以上)后,单击 WordPress 仪表板上的 Astra 进入 Astra 欢迎页面。在这里,您可以看到快速设置下的 Header Builder 选项。
单击按钮开始使用新页眉/页脚生成器进行设计。
然后点击“转到定制器”访问定制器。进入定制器后,您将看到页眉生成器和页脚生成器的新选项。
编辑页眉
Header Builder 包含 –
- 可视化标题生成器 – 带有上方标题、主标题和下方标题。
- 常规选项卡
- “设计”选项卡
您可以使用 Visual Builder 添加和管理标题元素,并从常规和设计选项卡中自定义它们。
可视化标题生成器
Visual Header Builder 是一款灵活且先进的页眉生成器。您在可视化生成器中所做的更改将立即反映在您的页眉设计上。
- 它为您提供了 3 行来构建独特的标题结构 – 上方、主要和下方;
- 您可以点击加号来添加不同的标题元素 – 按钮、HTML、小部件、社交、主菜单、二级菜单;
- 您可以将元素拖放到不同的部分以将它们放置在所需的位置。
笔记:
现在可以在定制器 > 标题生成器 > 常规 > 站点标识和徽标下找到站点标识部分
https://www.youtube.com/embed/wWJtv4m2YHI?feature=oembed
配置上方、主要和下方标题的样式
单击每个标题部分左侧的设置图标,它将直接带您进入样式选项。
常规选项卡
您在可视化标题生成器中添加的元素将在“常规”选项卡下可用。您可以单击单个元素并编辑设置。
“设计”选项卡
这将为您提供标题宽度和间距的设计选项。
标头类型
您将在“常规”选项卡下看到另一个选项卡,即“标头类型”,这将为您提供配置不同标头类型的选项。
使用 Astra 主题,您可以启用透明标题并对其进行配置。
使用 Astra Pro,您可以选择Sticky Header。
笔记:
我们的 Header Builder 中还有其他可用元素,例如WooCommerce Cart、EDD Cart。同样,您可能需要添加一些其他插件。
笔记:
粘性标题是 Astra Pro 的功能,因此此选项仅在 Astra Pro Addon 处于活动状态时可用。
设计移动标题
使用 Astra Header Builder,您可以在响应式设备上设计标题外观。
带有 Astra 主题和 Astra Pro 的 Header Builder Elements
Astra 主题为新标题生成器提供了完整的结构。同时,您可以使用 Astra Pro 解锁高级功能。
以下是 Astra 主题和 Astra Pro 可用的标题元素列表
与 Astra
- 按钮
- HTML 1
- HTML 2
- 标识
- 主菜单
- 二级菜单
- 搜索
- 社会的
- 小部件 1
- 小部件 2
使用 Astra Pro
注意:您可以在 Astra Pro 中进一步扩展元素数量。
- 按钮 1
- 按钮 2
- HTML 1
- HTML 2
- 标识
- 主菜单
- 二级菜单
- 搜索
- 小部件 1
- 小部件 2
- 小部件 3
- 小部件 4