怎么使用 WordPress 制作网站主题导航菜单？

你需要知道网站菜单的主要类型：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

水平菜单：水平菜单是最常见的一种菜单，通常出现在网页的顶部，横跨整个页面。它通常包含网站的主要导航链接，如首页、产品、服务、关于我们等。水平菜单易于理解和使用，因为它们提供了一个清晰的导航路径，使用户可以轻松地找到所需的信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

垂直菜单：垂直菜单通常出现在网页的侧边栏或页面的左侧或右侧。它通常包含网站的次要导航链接或子页面，如博客、新闻、联系我们等。垂直菜单可以帮助网站组织大量内容，并使用户更轻松地找到所需信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

下拉菜单：下拉菜单是一种常见的子菜单，通常从水平或垂直菜单中弹出。当用户将鼠标悬停在菜单项上时，下拉菜单会出现，并显示与该菜单项相关的更多选项。下拉菜单可以帮助网站节省页面空间，使页面更整洁。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

悬停菜单：悬停菜单类似于下拉菜单，但是它们在用户将鼠标悬停在菜单项上时出现，而不是需要用户单击菜单项才会显示。悬停菜单通常用于显示快速操作或工具提示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

当你明白了菜单的主要类型，那你需要对你所需要的相关菜单进行配置。

具体步骤如下：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

1、在WordPress后台点击Appearance>Menus。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

2、在接下来的页面点击“create a new menu”，在Menu Name输入你正在创建的菜单名称，并点击蓝色的"Create Menu"按钮；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

3、接下来在该页左侧的"Add menu items"选择合适的Page、Post或者Categories，然后点击“Add to Menu”按钮；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

如果Page、Post和Categories没有合适的页面可以添加为你的菜单栏目，你需要点击Custom Links，在URL输入它的网址，并在Link Text输入该网页的名称，然后同样是点击"Add to Menu"按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

4、当相关的栏目都添加好了，如果你需要调整菜单中各个栏目的先后顺序，只需在右边的Menu Structure下面找到选择各个栏目对其进行拖拽操作即可；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

如果你需要创建子栏目，你只需将其往右拖拽，当该栏目显示为缩进时，表示其为上边那个栏目的子栏目。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

5、在Menu Setting选择设置该菜单的显示位置，也就是在Display location勾选其中的一个选项，最后点击蓝色的Save Menu按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

当菜单创建完成之后，你需要将此菜单添加到你的主题。

这样它才能在前端显示，我下面以Kadence这个主题为例来演示：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

1、在WordPress后台点击Appearance/Customize。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

2、根据此菜单是添加到网站的头部还是底部，选择Header亦或是Footer，我这里以添加到网站头部为例。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

3、 在左边的General找到合适的元素，将其拖拽到右边合适的位置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

Kadence主题免费版顶部通常有三行，你可以将其拖拽到任何一行的左边、右边或中间。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

从我标注的可以看到，我创建的菜单名为Primary Navigation，我将其拖拽到了第二行右边的位置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

这也意味着该菜单会显示在我网站顶部偏右边的位置，可以看到它右边我还放了Search，也就是说该菜单会跟搜索图标一起显示在顶部偏右边的位置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html

最后看效果：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/44150.html