那苹果官网为例子

使用普通方法制作的普通页眉

超级菜单的几个关键特点：

1. 多级布局：超级菜单支持多级和多栏布局，使得网站可以在菜单中展示更多的层次和分类，方便用户快速导航。

2. 媒体集成：与传统菜单仅支持文本不同，超级菜单可以嵌入图片、图标、视频等多媒体内容，这样可以使菜单内容更丰富、更直观。

3. 完全自定义：用户可以根据自己的需求来设计菜单的样式和内容，从而使得菜单完全符合网站的整体风格和用户需求。

4. 响应式设计：现代的超级菜单设计通常是响应式的，这意味着它们可以在不同大小的屏幕上都能良好地显示，从手机到大屏幕电脑都不在话下。

在WordPress中，要创建超级菜单，通常需要使用相应的插件，如“UberMenu”, “Mega Main Menu”等。这些插件提供了界面友好的操作和丰富的定制选项，帮助用户轻松实现超级菜单的配置和管理。最推荐的是 Element-kits 插件，使用简单，而且提供了很多模版，减少了很多麻烦的操作。

Element-kits 制作超级菜单

第一步 安装并启用 Element-kits 插件

Element-kits 插件本身是免费的，但是附加的很多高级的组件都是付费的

但是制作超级菜单是免费的。到网站后台，安装并启用 Elementor-kits 插件。

第二步 制作超级菜单

前提：已经制作了菜单，没有的看下之前的 WordPress 基础设置教程。

点击启用 Megamenu，点击 save，点击 EDIT MEGAMENU CONTENT

到 Elementor 编辑页面，可以自己直接做需要的样式，使用 Elementor container 教程👉，也可以使用现成的模版，点击 ElementsKit Lite 的图标，这里需要去购买并且激活 ElementsKit Pro 才可以使用（教程👉🏻）。

点击 Section 搜索 menu，找一个想要的结构（比如三列或者是有图片的），点击 Insert

导入后编辑对应的组件

编辑后点击更新即可

回到菜单界面，一定要点击 Save

一定要点击保存菜单，可以使用实时预览管理查看菜单状态，也可以直接去前台查看。

第三步 超级菜单样式设置

以下部分设置需要 Pro 功能才可以使用（购买激活教程👉🏻）。

图标

Icon，在选中的菜单前面出现，可以选择颜色和图标样式

Badge 徽章

在选中的菜单上面出现可以

• 添加或编辑文本
• 选择徽章颜色
• 选择徽章背景色

菜单的宽度

• 选择超级菜单宽度：默认
• 选择超级菜单位置：默认

• 选择超级菜单宽度：默认
• 选择超级菜单位置：相对

• 选择超级菜单宽度：全宽
• 选择超级菜单位置：默认

• 选择超级菜单宽度：全宽
• 选择超级菜单位置：相对

• 选择超级菜单宽度：自定义宽度
• 提供任何自定义宽度，但默认情况下为：750px
• 选择超级菜单位置：默认

• 选择超级菜单宽度：自定义宽度
• 提供任何自定义宽度，但默认情况下为：750px
• 选择超级菜单位置：相对

这样一个有丰富内容的菜单就做完了。