首页>文档>Astra教程>如何创建移动菜单

此组别内的文章

需要支持?

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

如何创建移动菜单

移动菜单是一种专门为智能手机和平板电脑等小屏幕设计的特殊菜单。这是一个汉堡图标,读者可以点击它来浏览您网站的不同部分。

如何创建移动菜单-HEIWP-外贸建站

确保您的网站在任何设备上提供一致的用户体验非常重要。

Astra Header Builder 提供了专门的选项来设计移动菜单。

这是使用 Astra 主题构建移动菜单的综合指南,它允许您的网站访问者轻松地在智能手机上浏览您的网站。

创建移动菜单

要在 Astra 中创建移动菜单,您可以按照以下步骤操作:

登录您的 WordPress 信息中心并导航至外观>自定义

如何创建移动菜单-HEIWP-外贸建站

在定制器中,找到标有Header Builder 的部分。

如何创建移动菜单-HEIWP-外贸建站

在定制器中切换到移动视图:您将在可视化标题构建器中看到一个用于移动视图的单独专用框。

如何创建移动菜单-HEIWP-外贸建站

画布外部分允许您配置切换按钮内的标题项。通常,您会在此处的主标题中放置徽标和切换按钮,但您可以在移动标题中放置元素的位置不受限制。

单击 + 图标添加移动菜单。

如何创建移动菜单-HEIWP-外贸建站

选择“画布外菜单”选项来添加移动菜单。

如何创建移动菜单-HEIWP-外贸建站

侧边菜单中将显示一个名为“画布外菜单”的新选项。访问此选项可自定义您的移动菜单设置。

如何创建移动菜单-HEIWP-外贸建站

您将在常规部分找到一些选项,包括启用项目分隔符的选项。这会在每个菜单项之间添加一条线,将它们分开以获得更好的外观。

如何创建移动菜单-HEIWP-外贸建站

您将在“设计”选项卡中找到所有颜色和外观选项。

如何创建移动菜单-HEIWP-外贸建站

一旦满意,请单击“发布”按钮以使您的更改在您的网站上生效。

如何创建移动菜单-HEIWP-外贸建站

发布后,在不同的设备上测试移动菜单,以确保它在移动设备上正确显示并正常运行。

通过遵循这些步骤,您可以轻松地在 Astra 中创建移动菜单并为移动用户优化您的网站。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索