排查常见菜单问题

您站点的导航菜单可帮助访客查找内容并浏览站点。在本指南中，您将了解如何排查和修复最常见的菜单问题。

菜单的编辑方式取决于您所使用的主题类型。区块主题使用站点编辑器，而经典主题和部分第三方主题则依赖定制器。要找到正确的位置，请在您站点的仪表盘中查看“外观”选项：

• 如果您在“外观”下看到的是“编辑器”，则表示您正在使用区块主题。通过“外观 → 编辑器”编辑您的菜单。
• 如果您在“外观”下看到的是“定制器”，则表示您正在使用经典主题。通过“外观 → 自定义 → 菜单”或“外观 → 菜单”编辑您的菜单。

了解编辑站点菜单的分步流程。

如果您的导航菜单在站点上不可见，则可能是因为您主题的页眉或页脚中未包含“导航”区块。大多数主题默认都包含一个，但如果缺失或被移除，则您的菜单将不会显示。

了解如何向您的站点添加“导航”区块。

当您发布新页面或文章时，它不会自动添加到您的菜单中。您需要手动添加。

您可以向菜单中添加不同类型的内容：

• 向菜单中添加页面和文章
• 向菜单中添加分类目录
• 向菜单中添加自定义链接和其他内容类型

在您首次添加“导航”区块时，它会显示您站点的菜单。如果您尚未创建自定义菜单，它将自动包含一个“页面列表”区块，显示所有已发布的页面，并在新页面发布时自动更新。

如果您使用的是“页面列表”区块，则它仅会将您已发布的页面显示为顶层菜单项。子页面不会显示为下拉菜单或子菜单。要创建包含子页面的下拉菜单，您需要将页面列表转换为单独的菜单链接。

了解如何创建下拉菜单。

默认情况下，当屏幕尺寸较小时，您的菜单会自动转换为适合移动设备的“汉堡”菜单（三横线图标）。您可以自定义此行为，以显示完整菜单、调整布局，或更改移动端菜单的显示时机。

了解如何为移动设备更改您菜单的设计。

注意：如果您想在移动设备上和台式设备上显示完全不同的菜单内容，则需要创建两个单独的菜单，并使用 CSS 根据屏幕大小来显示/隐藏它们。了解如何使用 CSS 在特定设备上隐藏内容。使用此方法需要具备一定的 CSS 知识。

如果您的菜单垂直而非水平排列显示（或反之），或者菜单项未按预期对齐，则您可以调整“导航”区块的布局设置。

了解如何调整您菜单的布局和显示效果。