首页>文档>Astra教程>如何使用 Astra Header Builder 创建页眉?

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

如何使用 Astra Header Builder 创建页眉?

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 选项。

如何使用 Astra Header Builder 创建页眉?-HEIWP-外贸建站

单击按钮开始使用新页眉/页脚生成器进行设计。

然后点击“转到定制器”访问定制器。进入定制器后,您将看到页眉生成器和页脚生成器的新选项。

如何使用 Astra Header Builder 创建页眉?-HEIWP-外贸建站

编辑页眉

Header Builder 包含 –

  • 可视化标题生成器 – 带有上方标题、主标题和下方标题。
  • 常规选项卡
  • “设计”选项卡

您可以使用 Visual Builder 添加和管理标题元素,并从常规和设计选项卡中自定义它们。

如何使用 Astra Header Builder 创建页眉?-HEIWP-外贸建站

可视化标题生成器

Visual Header Builder 是一款灵活且先进的页眉生成器。您在可视化生成器中所做的更改将立即反映在您的页眉设计上。 

  • 它为您提供了 3 行来构建独特的标题结构 – 上方、主要和下方;
  • 您可以点击加号来添加不同的标题元素 – 按钮、HTML、小部件、社交、主菜单、二级菜单;
  • 您可以将元素拖放到不同的部分以将它们放置在所需的位置。 

笔记:

现在可以在定制器 > 标题生成器 > 常规 > 站点标识和徽标下找到站点标识部分

https://www.youtube.com/embed/wWJtv4m2YHI?feature=oembed

配置上方、主要和下方标题的样式

单击每个标题部分左侧的设置图标,它将直接带您进入样式选项。 

如何使用 Astra Header Builder 创建页眉?-HEIWP-外贸建站

常规选项卡

您在可视化标题生成器中添加的元素将在“常规”选项卡下可用。您可以单击单个元素并编辑设置。

“设计”选项卡

这将为您提供标题宽度和间距的设计选项。

标头类型

您将在“常规”选项卡下看到另一个选项卡,即“标头类型”,这将为您提供配置不同标头类型的选项。 

使用 Astra 主题,您可以启用透明标题并对其进行配置。 

使用 Astra Pro,您可以选择Sticky Header。 

笔记:

我们的 Header Builder 中还有其他可用元素,例如WooCommerce Cart、EDD Cart。同样,您可能需要添加一些其他插件。

如何使用 Astra Header Builder 创建页眉?-HEIWP-外贸建站

笔记:

粘性标题是 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
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索