Kadence 高级导航教学：子菜单与 Mega 菜单创建详解

在网站设计中，清晰的导航能显著提升用户体验和内容转化率。Kadence Blocks 中的高级导航块（Navigation Adv Block）具备强大的导航构建功能，适合用于页面结构清晰、多栏目分类的网站。本文将详细介绍子菜单与 Mega 菜单的创建方式，以及样式自定义方法。

创建导航

使用 Kadence 的高级导航块可以快速建立主菜单。在编辑器中插入 Navigation (Adv) 区块后，可选择已有导航，或新建一个导航结构，并进入可视化导航构建器。

若使用的是高级头部模板，只用点击导航菜单区域，就可选择或创建新的导航。

添加导航链接

导航构建器提供了灵活的链接添加方式。支持选择页面、文章、产品等内容类型，也可手动添加自定义链接。每个链接可调整标题和链接地址，排序则通过拖动操作完成。

还可以在编辑器中点击工具栏加号，手动插入导航链接块，并输入相关信息。

样式统一与单独定制

导航链接的样式既可统一设置，也可对个别链接单独调整。在高级导航块设置中，可设置字体、颜色、边框、背景等基础样式。而导航链接块本身也包含样式覆盖功能，满足更灵活的设计需求。

添加子菜单结构

子菜单用于为主菜单项添加下拉层级。支持两种方式创建：

• 在导航构建器中，选择一个主菜单项并点击“添加子菜单链接”

• 在导航链接块工具栏中，点击嵌套图标，建立下级导航项

也可借助列表视图，将链接块拖入其他菜单项下方形成层级关系。

设置子菜单外观

子菜单的样式支持全局与单独设置。可以调整背景色、间距、边框、阴影等参数，并自定义显示动画（如淡入、滑动）。子菜单中的描述文字也可独立设置，包括字体、颜色和排版。

在菜单项之间加入分隔线，有助于提升视觉分组感。

多级导航结构

在一个子菜单中继续嵌套下级菜单项，构建出三级或更多层级的导航体系。这种结构适合内容分类较多的网站，例如教育、商城、企业服务站点。

只需在已有子菜单项下再嵌套导航链接块，就能生成多层级导航。

使用 Mega 菜单展示丰富内容

Mega 菜单适用于信息密集型栏目，如产品中心、栏目总览等。支持展示图文、图标、按钮等多样化内容。

选中某个导航链接块，开启 Mega 菜单功能后，可以选择空白开始或使用预设模板进行布局。支持插入任意 Kadence 区块，如列布局、标题、图像、按钮等。

可以手动控制 Mega 菜单的宽度，适配你的设计要求。

使用预设模板快速布局

Kadence 提供多个 Mega 菜单模板（如 A 至 G 类型），已内置内容结构，只需替换文字和图片即可使用。

这些模板适用于常见页面结构，如商城分类、公司部门、服务模块等。

合并使用子菜单与 Mega 菜单

一个导航系统中，部分菜单项使用子菜单，部分使用 Mega 菜单，是很常见的布局方式。例如：

• “产品”菜单使用 Mega 菜单展示多个系列图文链接

• “服务支持”菜单使用普通下拉菜单列出联系方式、FAQ 等内容

可在一个导航中自由组合这两种结构，灵活应对不同页面需求。

迁移 Kadence 主题中的 Mega 菜单内容

如果之前使用了 Kadence Elements 创建过 Mega 菜单内容，也可以复制使用到新的高级导航中。

进入 Kadence → Elements，编辑对应内容，使用列表视图全选区块并复制。回到高级头部导航，选中开启 Mega 菜单的链接项，粘贴已复制的内容，完成迁移。

总结

Kadence 高级导航块提供了强大的导航组织能力，适用于单层级或多层级结构需求。无论是基础的下拉导航还是图文并列的多栏 Mega 菜单，都可以通过可视化编辑器快速完成构建，并进行灵活的样式定制。