WordPress 导航菜单（Navigation Menus）是网站上的链接集合，可以组织和显示网站的主要页面、文章分类、标签和其他重要链接，帮助网站访问者快速找到他们需要的信息，导航菜单通常位于网站的顶部、侧边栏或页脚位置，是网站结构和用户体验的重要组成部分。

例如在网站顶部的主导航菜单中，显示网站的 Home，About Us，Products，Blog，Contact Us 等页面；在网站底部显示关于我们列表菜单，产品分类目录信息等等。

我们可以在网站后台添加、删除或重新排序菜单项，根据需要自定义菜单结构。

在 WordPress 网站后台“外观”>“菜单”来创建和管理导航菜单。

区块主题在网站后台点击“外观” >“编辑”来创建和管理导航菜单。

本篇文章以传统主题的“外观”>“菜单”页面为例来说明导航菜单的创建和管理。

打开“外观” – “菜单”页面，菜单设置大体分为5个步骤：

我们在安装 WordPress 主题之后，主题会在菜单设置中自动创建需要的菜单，主题不同自动创建的菜单数量也不相同。大部分主题都会有 “Primary Menu” 或 “Main Menu” 主菜单。

“Primary Menu” 或 “Main Menu”都只是显示在网站后台的菜单名称，并不是说“Primary Menu” 或 “Main Menu”就一定是网站前台的主菜单，我们还需要在主题设置里将“Primary Menu” 或 “Main Menu”设置为主菜单。

我们以“将 Primary Menu 设置为显示在网站前台主菜单”的设置为例，来说明菜单的整个设置流程。

在“选择要编辑的菜单”中选择任意菜单如“Primary Menu”，或者“创建一个新菜单”

下拉菜单选中要编辑的菜单之后，点击“选择”按钮，页面中就会显示当前选择的菜单已经包含的具体菜单项。

选择“创建一个新菜单”的话，我们需要先为新菜单命名，如“Main Menu”，然后点击“创建菜单”完成新菜单创建。

后面我们可以随时在菜单编辑页面修改“菜单名称”，如下图。

在页面左侧“添加菜单项”中，会显示我们可以添加到菜单中的项目，不过默认情况下，并不是所有菜单项会显示到这里，例如我们使用 WooCommerce 搭建独立站，其中“产品类别”和“产品标签”可能不会显示在“添加菜单项”的列表中。

如果没有显示的话，点击上图页面右上角的“显示选项”，然后在“界面元素”中，将需要显示在“添加菜单项”的元素选中，则该元素就会自动显示到“添加菜单项”列表中。这里按需选择，或者全选。

然后在“添加菜单项”中，点开并且选中要添加到菜单中的元素，如“页面”中的 Home，Blog，About，Contact us 页面，“产品分类”中的 Men，Women，Coats & Jackets，Shirts，Sportswear，T-shirts（前提是我们已经在 WordPress 页面和 WooCommerce 产品分类设置中完成这些页面和产品分类的创建），点击“添加至菜单”，将这些菜单项添加到当前菜单中。

除了“自定义链接”之外，其他菜单项都是在各自的设置页面预先设置好的。

我们可以通过自定义链接，将任意链接添加到网站菜单中，或者将不包含任何链接的内容添加到网站菜单中。

例如，要添加站外链接，可以直接将目标网页地址填写到网址中，链接文字填写要显示到菜单栏中的内容。

站内链接的添加和添加站外链接类似，除了直接可以在菜单项中选择页面添加之外，也可以直接将页面的链接地址添加到自定义链接的网址中，实现将任意页面添加到菜单栏中的目的。

如果想在菜单栏中添加不包含任何链接的内容，例如在菜单栏中添加菜单项 Products，点击 Products 只会显示下拉菜单选项，或者 Mega menu 内容，而不跳转到任意页面，我们可以在网址中填写“#”，链接文字填写任意想要显示到菜单栏中的内容，例如 Products，就可以实现上面想要的效果。

如果做的是单页，想要实现点击菜单选项之后，跳转到单页某个位置的内容，或者某个页面的某个位置内容，则可以先将锚链接的“ID”添加到页面指定位置，然后在网址中填写“#ID”来实现页面位置的跳转效果。

将所有需要的菜单项添加到菜单结构列表中后，接下来我们需要通过鼠标拖动的方式，对菜单项目排序。

网站后台菜单项目从上到下的排序，对应着网站前台菜单项目从左到右的排序。

除了排序，我们还可以通过鼠标拖动建立二级菜单和三级菜单。

例如，我将 “Men” 这个菜单项向右侧缩进一个位置，将 “Men” 设置为 “Shop” 这个菜单项的二级菜单，然后将“Coats & Jackets”这个菜单项向右侧缩进两个位置，将“Coats & Jackets”设置为“Men”的子菜单，“Shop”的三级菜单。

拖过简单的鼠标拖动，我们就可以完成菜单项的排序，和多级菜单的创建。

完成设置之后，保存菜单。

另外，我们还可以对每个菜单项进行设置。

点击任意菜单项右侧的下拉箭头，打开菜单项的具体设置。

这其中：

点击菜单项最底部的“移除”链接，可以将该菜单项从菜单结构列表中删除。

如果在菜单项的设置中找不到以上所说的属性设置，如“导航标签”，“Title 属性”，“CSS 类”或“描述”，可以点击菜单设置页面右上角的“显示选项”，在下拉选项中的“显示高级菜单属性”，将需要显示的属性勾选上即可。

WordPress 主题会按照自己的主题设置需求，预设菜单的显示位置。

我们可以在“管理位置”选项卡页面，为这

例如当前使用的 Astra 主题，提供了5个预设的菜单显示位置，我们可以通过主题说明文档，来了解这5个预设的菜单位置在网站前台所对应的具体位置。

例如，主菜单特制网站前台顶部的网站导航菜单。当前 Primary Menu 这个菜单为主菜单，如果我们在设置新创建的菜单“Main Menu”时，勾选了“主菜单”，保存菜单设置之后，“主菜单”就会被设置为“Main Menu”，对应的，网站前台顶部的导航菜单也会显示“Main Menu”中添加的菜单项。

或者，我们可以在 WordPress 网站后台，点击“外观” – “自定义”，进入到主题的自定义设置页面中。

将鼠标移动到菜单上，点击出现的铅笔图标，进入到菜单编辑页面。

将左侧的“主菜单”，设置为我们想要显示的菜单，如“Main Menu”，则网站顶部导航菜单中会显示“Main Menu”菜单，也就意味着 “Main Menu” 被设置为主菜单。

其他主题预设菜单，例如“二级菜单”，“滑动菜单”，“页脚菜单”和“主菜单”的设置流程一样，只是菜单显示的位置不同，这里不再赘述。

如果主题预设菜单位置中，没有在侧边栏显示菜单的话，我们可以借助主题的“小工具”将想要的菜单项目显示到网站某个页面的侧边栏。

例如，我想要在 WooCommerce 产品分类页面的侧边栏，显示产品分类。

首先，创建一个名为“侧边栏 – 产品分类”的菜单，名称可以随意命名，自己能通过名称识别不同的菜单内容即可。

然后，将想显示在侧边栏中菜单项添加到新创建的菜单中，并完成菜单的排序和层级关系设置，最后保存菜单设置。

最后，打开“外观” – “小工具”设置页面，将“导航菜单”区块，添加到想要显示产品分类的小工具区域，例如“WooCommerce 侧边栏”，设置小工具标题，“选择菜单”下拉选项中，选择我们上面创建的菜单“侧边栏 – 产品分类”，最后保存设置。

这样，我们就把新创建的菜单“侧边栏 – 产品分类”添加到网站侧边栏中了。

在设置菜单的过程中，以及完成所有菜单设置之后，我们可以在网站前台各个页面，预览网站各个区域的菜单设置，保证菜单设置符合我们的预想，不符合预想的调整或者重新设置。

如何在侧边栏或页脚添加菜单？

创建好菜单之后，可以在“外观” > “小工具”页面添加“自定义菜单”小工具到侧边栏或页脚，就可以将菜单显示到网站侧边栏或者页脚了。

如何在菜单项中添加图标？

某些主题，支持直接在菜单项设置中添加图标，如果主题不支持，则可以使用插件如 Menu Icons，来为菜单项添加图标。

如何为不同的用户角色设置不同的菜单？

WordPress 默认不支持为不同的用户角色设置不同的菜单，但是可以使用插件如 User Menus 来为不同用户角色设置不同的菜单。

如何让导航菜单始终置顶显示在网站顶部？

部分 WordPress 主题支持始终置顶显示导航菜单，建议在使用其他方法之前先详细了解主题的功能和相关设置。如果主题不支持此项功能，则可以使用插件如 Sticky Menu 或自定义CSS来实现导航菜单的置顶效果。