导航块

主题

的导航块是WordPress 5.9中的一个高级模块，它允许你编辑网站的导航菜单，包括结构和设计。的导航块可以和a块的主题或者一个有支持的主题模板编辑．

为了加一个导航块，单击添加块按钮并选择导航块．你也可以输入“/navigation”并在一个新的段落块中按回车键来快速添加一个段落。

可以找到关于添加块的详细说明在这里．

块配置

对象添加链接的方法有三种导航块:

选择现有菜单:您可以选择站点上已经创建的菜单。
添加所有页面:您将能够添加站点的所有现有页面，您将能够编辑和重新排列这些页面。
创建空:这将为您创建一个空白菜单，以添加您选择的页面或链接。

显示导航块在配置之前的样子的图像。

如果您已经创建了一个菜单导航块或一个从以前的主题，您可以选择使用它设置导航块．为此，添加一个导航块，选择“选择菜单”。从那里，您将看到您创建的所有菜单，包括您可以选择和使用的任何经典主题的菜单。

导航块设置的图像，您可以从现有菜单中进行选择。

添加所有页面

通过选择此选项，您可以自动将站点上的所有页面添加到导航块然后根据需要进行自定义。这个选项可以帮助简化菜单的创建，具体取决于站点上的页面数量。如果添加新页面，它们将自动出现在此菜单中。

如果你在设置菜单时看不到这个选项，那是因为添加块的空间有限。当这种情况发生时，设置状态简化为“开始空”和“选择菜单”，以使它更容易开始。

如果你使用这个选项，你需要做以下操作来移动菜单项:

控件中的单个菜单项导航块你不能四处走动或移动一个街区。
点击块工具栏中的“编辑”。
在弹出的窗口中选择“Convert”。这将把菜单项转换为链接，以便您可以移动它们。
然后，您将看到用于移动菜单项的选项。

下面是演示以下步骤的视频。

之后添加一个导航块，选择“Start empty”选项。在此基础上，您可以根据自己的喜好定制一个空白画布进行构建。

块定制

控件中添加附加菜单项的方法有几种导航块:

打开Inserter并选择要添加的块。
选择整个导航块，并选择这样做时出现的+按钮。选择+图标后，你会看到“变换”下面的部分，在那里你可以添加链接以外的其他块。

图片显示添加一些东西到导航块看起来像，包括额外的选项，如能够添加网站Logo或搜索块。

请记住，您只能向导航块在这个时间。这包括以下块:

垫块
自定义链接
帖子链接
页面链接
类别链接
标签链接
家里联系
页面列表
搜索
社会图标
网站的标志
网站标题

在添加后，每一个都有自己的定制级别。在添加了其中一个选项后，当您向您的导航块:

显示块插入器在添加非链接块后如何变化的图像。

添加子菜单项

要添加子菜单项，只需选择要向其添加子菜单项的块，并在块工具栏中单击子菜单图标。这将自动在您选择的块下面添加一个子菜单项。

带有红色箭头的图像，箭头指向子菜单图标在块工具栏中的位置。

下面是演示这个功能的视频:

移动块

有两种方法可以移动块，一旦您将它们添加到导航块．使用这些工具，您可以按照自己的意愿重新排列每个菜单项。

如果你想做快速的改变，当你与块交互时，工具栏上的移动工具可能是最简单的选择:

对于更高级和复杂的移动，请查看内置的列表视图导航块．要访问此选项，请选择整体导航块然后选择列表视图图标:

显示内置到导航块中的列表视图的图像。

下面是一段演示搬家工人的视频:

如果无法移动所有菜单项或某些菜单项，则可能需要先将菜单转换为链接。如果您使用“添加所有页面”选项，并且有说明，就会发生这种情况如何在上面的章节中转换为链接。

更改链接和标题

添加到导航菜单中的每个块都有两个部分:一个链接和一个标题。

要更改标题，您可以直接编辑块文本。

要编辑链接，只需选择单个块并选择工具栏中的链接图标。从那里，将打开一个选项，允许您编辑菜单项链接的内容和标题。下面是这个功能的演示:

的每个块导航块可以通过转换菜单转换到其他块。这个选项可以很容易地用不同的块构建菜单。

带有指向导航块中的转换菜单的箭头的图像。

管理菜单(删除、重命名)

如果要删除当前选中的“导航菜单”，请展开先进的块的Settings侧栏中的。选择删除菜单按钮将删除导航菜单并重置当前导航块到其默认状态。

为了更容易在一个地方删除和重命名所有菜单，点击工具栏中的“选择菜单”项，然后点击“管理菜单”，如下图所示:

显示“选择菜单”选项打开并突出显示“管理菜单”部分的图像。

从那里，您将被带到一个专门的屏幕，用于删除和重命名整个站点使用的菜单。您将无法直接从此部分编辑菜单。

多亏了如何将菜单保存在数据库中，您将能够跨其他Block主题重用菜单。方法创建的菜单，如果从块主题转换为经典主题，则不能重用导航块．

每个块都有自己的特定于块的控件，允许您在编辑器中直接操作该块。

的导航块有以下选项:

改变的理由

左对齐:对齐整个块和它的内容向左。
对齐项目中心:对齐整个块及其内容的中心。
向右对齐项目:将整个块及其内容向右对齐。
菜单项之间的空格:自动添加菜单项之间的空格。

显示内置在导航块的块工具栏中的各种对齐设置的图像。

此选项允许您更改正在显示的菜单。

列表视图

这提供了有限的列表视图这允许你在整体的块中移动导航块。

块设置

除了在块工具栏中找到的选项外，每个块在编辑器侧栏中都有特定的选项。您可以使用这些设置来自定义整个块。如果您没有看到侧边栏，只需单击Publish按钮旁边的“齿轮”图标。

布局

这些选项允许您控制的整体位置导航块．这包括以下内容:

理由:该设置允许您将导航块中的项目调整到左、中或右。你也可以在项目之间插入空格。
方向:此设置允许您在Navigation块中的所有项的垂直和水平方向之间切换。
全部包装成多行:这是一个选项，你可以切换打开和关闭，允许导航块溢出为多行，如果没有足够的空间。

显示

当前，此部分由一个设置组成，允许您控制显示的内容导航块跨越不同屏幕尺寸，允许响应式菜单选项:

:这将关闭在小屏幕上显示菜单图标。
手机:这使得在较小的屏幕上查看站点时可以显示菜单图标，用户可以单击屏幕查看整个菜单。
总:这使得菜单图标无论屏幕大小都可以显示。

默认情况下，该选项设置为Mobile，这意味着它将在较小的屏幕上自动显示菜单图标。当你点击菜单图标时，它会打开一个覆盖显示你的整个菜单。

颜色

这些颜色设置允许您自定义您的导航块甚至还有以下选项:

文本:控制导航块项的文本的颜色。
背景:控制导航块项的背景颜色。
子菜单和覆盖文本:设置子菜单文本的颜色和内置到响应显示选项中的覆盖。
子菜单和叠加背景:设置子菜单背景的颜色和内置到响应式显示选项中的覆盖。

排版

控件的排版导航块物品。该块目前支持以下选项:

字体
外观
行高
装饰
字母大小写
字体大小

你可以通过点击这个部分的+按钮来访问所有你需要的选项:

显示排版控件的图像以及在哪里可以找到其他控件。

维

的导航块目前支持块间距，它允许您在每个块之间添加自定义间距。这使得在整个区块中设置统一的外观很容易。

高级设置

导航块的高级部分的图像。

高级选项卡可以让你完成一些事情:

重命名的菜单。
删除菜单。
添加一个HTML锚。
添加一个CSS类，以便按您喜欢的方式设置块的样式。

更新日志:

创建2022-01-05

这篇文章有帮助吗?如何改进呢?

你必须登录提交反馈。