如何在 WordPress 中创建多级/分层菜单

在 WordPress 中，可以通过 WordPress 菜单系统（WordPress 仪表盘 -> 外观 -> 菜单）以及主题自定义菜单（WordPress 管理 -> 外观 -> 自定义）创建多级菜单。 

通过 WordPress 菜单设置多级菜单

可以通过登录 WordPress 仪表盘，然后导航到 外观 -> 菜单。

设置屏幕选项

在页面的右上角，可以找到“显示选项”选项卡。 

1. 单击“显示选项”选项卡，会显示所有可用的类型和属性。
2. 检查所有可用的复选框。
3. 根据需要选择要显示的项目。

创建菜单

1. 单击创建新菜单链接。
2. 输入新菜单的名称，我们将其命名为Main Menu。
3. 单击创建菜单按钮。

设置菜单显示位置

接下来，我们需要设置菜单的显示位置。

1. 通过选中复选框将示例菜单分配到主菜单（导航菜单）。
2. 单击“保存菜单”按钮。

可用的菜单项类型

使用不同的 WordPress 主题，可供选择的菜单项类型不同。一般主题大概有 6 种类型的菜单项可用。

1. 页面– 创建的页面。
2. 文章– 创建的文章。
3. 自定义链接– 创建链接到任何 URL 的菜单项。
4. 分类– 可用的文章分类。
5. 标签– 可用的文章标签。
6. 形式– 可用的帖子格式。

创建菜单项（父菜单项）

在本例中，我们将创建一个名为“新闻”的父级菜单项。

第 1 步：选中新闻复选框，然后单击添加到菜单按钮。

第 2 步：将看到“新闻”作为菜单项被添加到右侧面板中。

注意：下面的设置都是可选操作。

• 通过单击右侧的小下拉箭头来编辑“新闻”菜单项的属性。
• 它将展开并向您显示一些文本输入。
• 可以设置标题属性，当用户将鼠标指针移到该菜单项上并停留在那里时，便会看到这个标题提示。
• 在新窗口/选项卡中打开链接复选框。如果希望点击此菜单项时，在新选项卡或窗口中打开页面，可以选中此复选框。
• 可以输入 CSS 类，以使用自定义 CSS， 启用此菜单项的特殊样式。
• 链接关系 ( XFN ) 用于将 rel 属性添加到菜单链接。

单击“保存菜单”按钮以保存所有编辑。

创建子菜单项

现在我们可以继续创建子菜单项。我们通过“文章”-“分类”添加两个新的文章分类，分别为“体育新闻”和“科技新闻”。接下来，我们将“体育新闻”和“科技新闻”设置为“新闻”菜单的子菜单项。

第 1 步：在左侧“添加菜单项”下的“分类”下，选择“体育新闻”和“科技新闻”并添加到右侧菜单区域。 便可以在右侧看到“新闻”、“体育新闻”和“科技新闻”三个菜单项目。

第 2 步：WordPress 菜单系统支持拖放操作。因此，分别单击并按住“体育新闻”和“科技新闻”菜单项，将其拖动到“新闻”菜单项的下方。

第 3 步：现在看起来新闻、科技新闻和体育新闻是并列的关系。我们再次分别单击按住“体育新闻”和“科技新闻”菜单项，然后向右侧拖动。

最终，我们设置完成了父级菜单项“新闻”，并将“体育新闻”和“科技新闻”设置为其子级菜单项。我们还可以根据需要继续设置第三层级的子菜单项，操作方法都是相同的，这里也不再赘述。

通过外观自定义设置多级菜单

接下来，我们将继续介绍如何通过外观自定义设置，来为 WordPress 创建多级菜单。
登录到 WordPress 仪表盘并导航到 WordPress 仪表盘 -> 外观 -> 自定义 -> 菜单。

创建菜单

第 1 步：单击添加菜单按钮。

第 2 步：输入菜单名称，在本例中，我们将为菜单命名为“M-Menu”。

第 3 步：在菜单位置设置区域，选中“主菜单”复选框，以将 M-Menu 分配给“主菜单”，然后点击“下一步”。

第 4 步：然后单击“添加项目”按钮。选择菜单项的部分将滑出。

添加菜单项

第 1 步：单击页面，会出现页面下拉菜单，选择要添加到菜单结构中的页面。

第 2 步：从页面当中，选择要添加到菜单的页面。我们将“我们”、“关于我们”和“联系我们”三个页面添加到菜单。

排列菜单项

第 1 步：们现在开始设置菜单的层级关系。分别点击和按住“关于我们”及“联系我们”，然后向“我们”菜单下方的右侧拖动。

第 2 步：拖动完成后，我们就完成了菜单项的层级关系设定。

第 3 步：我们也可以根据需要设置第三层级的菜单。单击“发布”按钮。