跳到主要内容

最近,我们的一位读者问是否可以在您的WordPress网站中添加大型菜单?超级菜单使您可以通过图像和视频等富媒体在导航中添加多列下拉菜单。在本文中,我们将向您展示如何轻松地将大型菜单添加到WordPress网站。

如何在您的wordpress网站上添加超级菜单
如何在您的wordpress网站上添加超级菜单

为什么以及谁应该在WordPress中添加超级菜单?

超级菜单对于内容丰富的网站特别有用。这使网站所有者可以在其顶部菜单中显示更多项目。

诸如Reuters,Buzzfeed和Starbucks之类的流行网站使用大型菜单来显示高度互动的交互式导航菜单。

为什么以及谁应该在wordpress中添加超级菜单
为什么以及谁应该在wordpress中添加超级菜单

尽管默认的WordPress导航菜单使您可以添加下拉子菜单,甚至可以在每个项目旁边添加图像图标,但有时您只需要一个大型菜单。

让我们看一下如何轻松地将大型菜单添加到WordPress网站。

在WordPress中添加超级菜单

您需要做的第一件事是安装并激活Max Mega Menu插件。这是市场上最好的免费大型菜单WordPress插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,插件将在您的WordPress管理菜单中添加一个新菜单项Mega Menu。单击它将带您进入插件的设置页面。

在wordpress中添加超级菜单
在wordpress中添加超级菜单

默认设置适用于大多数网站。但是,您将需要更改菜单颜色,以便它们与WordPress主题的导航菜单容器使用的颜色匹配。

要确定主题中使用了哪些颜色,可以在浏览器中使用“ 检查”工具

在wordpress中添加超级菜单
在wordpress中添加超级菜单

获得彩色十六进制代码后,可以将其粘贴到文本文件中以备后用。

接下来,您需要访问大型菜单设置页面,单击“菜单主题”选项卡,然后单击“菜单栏”部分。

在wordpress中添加超级菜单
在wordpress中添加超级菜单

在这里,您可以替换大型菜单使用的背景色,以匹配主题的导航菜单容器。

不要忘记单击“保存更改”按钮来存储您的设置。

现在我们已经配置了大型菜单设置,让我们继续创建大型菜单。

首先,您需要访问外观»菜单页面,然后将顶级项目添加到导航中。有关详细说明,请参阅有关在WordPress中创建导航菜单的初学者指南。

接下来,在菜单屏幕上,您需要通过选中“最大超级菜单设置”下的复选框来启用超级菜单。

在wordpress中添加超级菜单
在wordpress中添加超级菜单

之后,您需要将鼠标移至菜单项,然后您将看到“ Mega Menu”按钮出现在菜单选项卡上。

单击该按钮将弹出一个弹出窗口。在这里,您可以将任何WordPress小部件添加到大型菜单中,然后选择要显示的列数。

在wordpress中添加超级菜单
在wordpress中添加超级菜单

您也可以单击小部件上的扳手图标以编辑小部件设置。不要忘记单击保存按钮来存储您的小部件设置。

完成后,您可以关闭弹出窗口并访问您的网站,以查看正在使用的大型菜单。

回到顶部