使用“导航”区块

“导航”区块会显示您站点的菜单，以帮助访客在页面之间进行导航。在本指南中，您将学习如何添加和自定义“导航”区块。

“导航”区块通常添加到您站点的模板中，最常见的位置是页眉或页脚。

要添加“导航”区块，请按照以下步骤操作：

1. 访问您站点的仪表盘。
2. 导航至“外观 → 编辑器”。
3. 点击右侧的主页预览以编辑您的主页，或选择您要在其中显示导航菜单的模板或模板部分（如页眉）。
4. 点击“+ 区块插入器”，然后搜索“导航”。
5. 点击“导航”区块，将其添加到您的站点。

有关添加区块的详细说明，请点击此处查看。

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

要自定义显示的页面、添加自定义链接或更改菜单项的顺序，系统会首先要求您将“页面列表”区块转换为单独的链接。

请按照以下步骤转换“页面列表”区块：

1. 使用“列表视图”导航至“导航”区块内的“页面列表”区块。

2. 点击区块工具栏中的“编辑”按钮：

3. 系统将显示一条警告，说明页面列表将不再自动更新。点击“编辑”以确认。

现在，您将能够添加新链接和页面、删除菜单项，以及为菜单中的链接重新排序。

要修改“导航”区块中的特定链接，请按照以下步骤操作：

1. 使用“列表视图”导航至“导航”区块中您要自定义的单个链接。
2. 在区块设置边栏中，您可以修改：
   • 文本：更改导航菜单中显示的文本标签。
   • 链接：更新目标页面或 URL。
   • 在新选项卡中打开：勾选此复选框即可将链接设置为在新选项卡中打开。
   • 描述：添加显示的文本（前提是您的主题支持链接描述）。
   • Rel 属性：为 SEO 目的设置“nofollow”等关系。
   • 样式：点击样式选项卡即可更改字体大小及其他排版设置。

3. 在区块工具栏中，您可以：
   • 更改链接：点击链接图标以修改 URL 或将其设置为在新选项卡中打开。
   • 添加格式：使用加粗、斜体或其他文本格式选项。
   • 添加子菜单：点击子菜单图标以创建下拉菜单。
   • 移动链接：使用左/右箭头在菜单中调整链接的位置。

有关管理菜单项的更多详细信息，请参阅“编辑菜单项”。

如果您已创建多个菜单，则可以为“导航”区块选择其他菜单。

请按照以下步骤选择其他菜单：

1. 使用“列表视图”选择“导航”区块。
2. 在区块设置边栏中，点击“菜单”旁边的 (⋮)。

3. 从以下选项中进行选择：
   • 菜单：从您已创建的现有菜单中选择。
   • 导入经典菜单：将经典 WordPress 菜单转换为适用于区块编辑器的格式。仅当您有可转换的经典 WordPress 菜单时，才会看到此选项。
   • 创建新菜单：从头开始创建一个全新的菜单。

如需了解详细的菜单管理，请参阅我们关于添加链接、创建下拉菜单和重新排序项目的指南。

要自定义您的“导航”区块对于访客的显示效果，请按照以下步骤操作：

1. 使用“列表视图”选择“导航”区块。
2. 在区块设置边栏中，点击设置图标。

3. 调整“布局”设置：
   • 对齐方式：选择左对齐、居中对齐、右对齐，或在菜单项之间等间距排列。
   • 方向：选择水平（默认）或垂直菜单布局。
   • 允许换行：关闭即可将导航保持在单行内。
4. 配置“显示”设置：
   • 显示图标按钮：开启即显示汉堡图标，关闭则显示“菜单”文本。
   • 图标：为汉堡图标选择两条或三条水平线。
   • 叠加菜单：选择“关闭”、“移动”（默认）或“始终”，以控制菜单折叠为叠加菜单的时间。设计一个叠加模板，自定义移动菜单叠加的外观。
5. 如果您有子菜单，则可以调整子菜单行为：
   • 点击打开：开启即使用点击打开的子菜单，关闭则使用悬停展开的子菜单。
   • 显示箭头：开启即可显示指示子菜单存在的箭头。

如需了解更多菜单自定义选项，请参阅“自定义菜单设计”。

要自定义“导航”区块的视觉外观，请按照以下步骤操作：

1. 使用“列表视图”选择“导航”区块。
2. 在区块设置边栏中，点击“样式”图标。

3. 使用以下选项自定义外观：
   • 颜色设置：更改文本、背景和链接颜色。
   • 排版设置：调整字体系列、大小和粗细。
   • 尺寸设置：控制内边距、外边距和间距。

如需了解更多菜单样式设计选项，请参阅“自定义菜单设计”。