如何使用 Astra Header Builder 创建移动标题?

Astra Header Builder 提供了专门用于设计移动标题的选项。这些选项在 Astra 主题中开箱即用,而高级配置选项在 Astra Pro 中可用。

编辑移动标题

切换到 Header Builder后,请访问定制器。

步骤 1 – 单击页眉生成器开始编辑。

第 2 步– 在定制器中切换到平板电脑或移动视图。

切换到移动设备或平板电脑视口

步骤 3 – 您将在可视标题生成器中看到一个单独的专用移动标题框。画布外部分允许您配置切换按钮内的标题项。右侧的可视生成器允许您配置移动标题的所有部分 – 您可以分别设置主标题(中间)以及上方和下方标题。通常,您会在此处的主标题中放置徽标和切换按钮,但实际上,您可以在移动标题中放置元素的位置没有限制。

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

步骤 4 – 在“Off Canvas”部分中,单击加号以添加标题元素,如主菜单、按钮、小部件、HTML 等。当用户单击切换按钮时,将显示“Off Canvas”部分。

向画布外标题添加元素

步骤5 – 单击齿轮图标设置移动标题类型、颜色和其他选项。

您可以选择以下标题类型选项 –

  • 弹出窗口
  • 全屏
  • 下拉列表

在下拉选项下,您将看到两个选项,即图标和链接。如果您选择图标选项,子菜单将显示为图标;如果您选择下拉选项作为链接,子菜单选项将显示为链接。请参阅下面的视频了解更多信息。

https://www.youtube.com/embed/Txl-Y7BfCF0?feature=oembed

在“设计”选项卡下,您将看到颜色选项。

第 6 步– 如果您需要编辑切换按钮,请单击它并开始配置。

设置切换按钮

步骤 7 – 您可以从 Header Builder > Header Types 下的定制器中启用移动设备的透明标题。选择在移动设备上显示它并进行配置。

设置移动设备的透明标头

同样,使用 Astra Pro,您可以获得Sticky Header的选项

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容