Kadence主题设置2：如何设置网站菜单，顶部菜单，页脚菜单

菜单是一个网站所有页面的主要入口，相当于一个网站导航图，所以很多地方也称菜单为网站导航，用Kadence主题给wordpress网站独立站设置菜单并不难，而且有多种外观可选，接下来看看kadence如何设置网站菜单。

Kadence主题创建菜单

WordPress设置菜单，第一步需要创建菜单，因为一个网站上可以有多个菜单，然后将创建好的菜单放在所需要的地方，所以新手不要以为创建好菜单就设置好了菜单。

安装好Kadence主题之后，在后台外观下层会有菜单的选项，在这里你能创建无数个菜单，不过菜单显示的位置有限，一般都是几个地方，网站顶部主菜单，次要菜单，页脚菜单，还有手机菜单，有些主题可以设置侧边栏菜单，如下图，Kadence只有四个显示位置。

具体如何创建菜单，请查看此文：如何使用和创建WordPress菜单。

通常主菜单和手机主菜单是可以通用的，不需要各创建一个，然后有需要的话可创建一个页脚菜单，创建好菜单可设置相应的显示位置，至于显示位置手机端可以不用勾选。

不过wordpress最新的版本已经改了创建菜单的方式，菜单这个选项也已经不在后台侧边导航中了，而是在最新的Editor编辑器中，也就是说以后真的是创建好菜单差不多就设置好了菜单，但是因为目前这类主题非常少，一旦Kadence改版，需要全部按照wordpress新版本来的话，我会更新教程。

放置菜单

我上文中提到过，wordpress不同的主题有不同的位置可以放置菜单，对于Kadence主题来说主要是页头菜单和页脚菜单。

页头主菜单

首先从左侧外观进入自定义设置页面，找到页头(页眉)点击进去设置，请注意在自定义中不要点击里面的菜单(X)去放置菜单。

如上图中主要导航就是主菜单的位置，Kadence主题一个最大的优点之一，也是强力功能就是页眉和页脚都是可以自由拖动摆放元素的，而且页眉和页脚都有三层，你可以在三层中任意拖放需要摆放的元素。

这里的操作是你可以从左侧可用项目(元素)中拖选任何需要的元素放置在邮编上、中、下三栏的任何位置，也可以随意删除这些元素，已经添加的元素就会显示在可用元素的上方，当然右边三栏也显示了你放置的元素，我这样解释，大家应该懂了吧，不懂的话自己操作一下。

如上图，kadence默认情况之下是已经添加了徽标和主要导航两项，你可以把主要导航放在每一行的三个格子的任意一个，目前是放在最右侧，然后你在看看页面顶部，有（首页、sample page）显示在最右侧，这个其实就是我之前创建好的菜单，这里就自动摆放在此处了。如果你想设置中间菜单，很简单，直接把主要导航这个元素拖到中间就是了。

如果你的页头需要一个其他菜单，比如用户中心，注册，登陆之类的，你也可以先创建一个次要菜单，然后在这里把次要菜单拖入页眉三行的任意位置。

下拉菜单

下拉菜单是主菜单中的子菜单，点击可用项目上方的主要导航，进入就有下拉菜单的设置，在这里还可以选择主菜单，也就是说创建菜单的时候，就算你没有设置显示位置，也是可以随时在此处选择你之前创建好的菜单的。

然后点击下拉选项，在常规中就可以设置下拉的打开方式(下拉显示)和下拉菜单的宽度间距。

记得发布来保存修改。

设计菜单

摆放好菜单，你还可以设计菜单，也就是点击菜单颜色变化，菜单背景颜色，菜单字体大小这些。如上图中你可以看到主要导航和下拉菜单设置中都有设计一项。

这里你就可以设置你的菜单的一些外观风格，这些外观会直接呈现在你的网站上，而言就是最终能看到的效果，具体需要什么效果你可以一项一项点击，然后在右边会显示效果。

你会看到导航颜色和背景都有三个圆圈设置，分别代表，原始颜色，悬停颜色和点击后激活的颜色，这里都是自主设计，你可以设计出自己需要的独特效果。

页脚菜单

在上文提到过页脚菜单，在创建菜单就有个显示位置是页脚菜单，只需要一个简单的页脚菜单就和上文设置顶部主菜单方法是一模一样的。

如图所示，也是从左侧项目中拖曳页脚导航到右边三行任意位置。

多列页脚菜单

但是如果你想要下图中的页脚菜单栏，kadence也是很容易实现的。

这种怎么实现呢，首先你仍然需要创建新菜单，在wordpress后台中创建菜单，但是不需要选择显示位置，因为我这里是教程，我的例子中没有那么多页面，所以你看到的菜单都是同一个。可以先看看以下的视频。

创建好你需要的菜单之后，接下来在从自定义进入页脚设置，然后添加或者把小工具1拖入右边页脚的三行的其中一行，一般都是第二行，然后点击小工具旁边的小螺帽来设置小工具，这里的小工具功能和Gutenberg block功能一样。

点击螺帽，然后在左侧看到蓝色加号没？点击，找到导航菜单，点击添加，如图已经添加了导航菜单，可以设置这个菜单的名称，然后选择之前创建好的菜单，我上文说了我做例子的网站中没有太多页面来建立新菜单，所以这里也选择的是主菜单，什么菜单不重要，重要的是这里选择你自己需要的菜单。

以此例推，添加小工具2，小工具3，然后添加导航菜单，选择你需要的菜单，最后呈现的效果是这样的，当然显示的是你自己创建的菜单。

假如3列不够，你可以设置称4列，甚至是5列，你看到图中页脚三行每行左边的蓝色螺帽吗？点击就能设置列数，而且还可以调整每一列的高度宽度，颜色等等。

现在学会了如何创建多列页脚菜单吧，记得发布保存。