如何将 WordPress 超级菜单添加到您的网站

已发表: 2019-12-27

如今,超级菜单是电子商务网站的必备品。 用户习惯了它们,它使导航更加容易。 这就是为什么在本指南中我们将向您展示如何将 WordPress 大型菜单添加到您的商店。

什么是超级菜单,它对我们有什么作用?

大型菜单是改善网站用户体验的核心元素。 能够包含站点导航的动态下拉菜单的简单存在改变了事情。 如果您使用大型菜单,访问者在浏览您的网站时不会感到迷失。 同样,放置正确的导航链接、在菜单中添加其他页面,甚至是站点的子部分都变得很容易。 无论您是添加商店页面或产品,甚至是在菜单上放置地图元素,当您使用大型菜单时,一切都变得更加容易处理。

如何在您的 WordPress 网站上添加超级菜单 - 网站导航 库存照片

在改善您网站上的用户体验方面,添加超级菜单会产生重大影响。 这个想法是为所有必要的页面创建一个紧凑的导航。 同时,以一种不会让人感到不知所措的方式呈现它。 此外,您可以通过多种方式实现大型菜单:

  • 展示特色内容
  • 作为一个简单的部分来展示即将推出的产品
  • 放置在博客、独特的网络元素、必要的日程表中

提供完善的信息和完成网站导航从未如此简单。

因此,Quadlayers 为您带来本指南,以帮助您以易于理解和易于理解的方式将 WordPress 大型菜单添加到您的网站。

如何将超级菜单添加到您的 WordPress 网站

本教程将帮助您在 WordPress 网站上启用大型菜单。 为此,我们将使用第三方插件。 市场上有多种选择,每种都有其优点和缺点。 其中一些是免费的,一些是高级的,一些更易于使用,而另一些则更复杂一些。

如果您想了解更多信息,可以查看我们的最佳 Mega Menus 插件列表。 此外,这篇文章强调了可用的最佳插件的优点。

对于这个演示,我们将使用 QuadMenu WordPress 插件。 它的设置和自定义非常简单,并且具有许多值得注意的功能。 这些包括:

  • 易于使用的界面
  • 惊人的 3rd 方主题和插件兼容性
  • 完全为视网膜准备的移动优先设计
  • 灵活独特的菜单项
  • 四种独特的预设可供选择,并带有额外的自定义选项
  • 专用的开发者工具

添加 WordPress 大型菜单 Quadlayers

因此,如果您还没有检查过,我们强烈建议您使用QuadMenu作为向您的网站添加 WordPress 大型菜单的可行选项。

如何安装 QuadMenu

所以在我们开始构建我们的超级菜单之前,我们需要先安装我们的插件。 只需单击 WordPress 仪表板上的插件部分,然后单击其下方的添加新的。 接下来,使用右上角的搜索栏搜索QuadMenu ,然后单击立即安装。 之后,该按钮应更改为激活,您可以再次单击它以启用您的 QuadMenu WordPress 插件。

添加 wordpress 超级菜单 - 添加新插件

如何在您的 WordPress 网站上添加超级菜单 - quadmenu activate

如何设置 QuadMenu

安装后,QuadMenu 列表应显示在WordPress 仪表板侧栏上。 单击它以移动到 QuadMenu 插件界面,您会看到插件页面,它会要求您通过在主题位置激活它来进行设置。

为此,只需单击提供给您的选项链接,或单击仪表板侧边栏上 QuadMenu 下的选项

要启用超级菜单,只需单击每个主题部分,然后单击“集成”选项上的“打开”,如下所示。

如何在您的 WordPress 网站上添加超级菜单 - quadmenu 集成 您还可以选择在同一页面上启用大型菜单的主题。 QuadMenu 可让您在配置下列出的不同主题位置启用大型菜单。

如何自定义和构建您的 WordPress 大型菜单

现在您已经设置了 QuadMenu,您可以对其进行调整并根据您的商店对其进行自定义。 您可以做的第一件事是创建一个菜单。 为此,将鼠标悬停在仪表板侧边栏上的QuadMenu上,然后单击Menus 。 然后,按照以下简单步骤操作:

  • 给你的菜单起个名字,然后点击Create Menu

如何在您的 WordPress 网站上添加超级菜单 - 创建菜单名称

  • 完成您的菜单设置。 选择要用于大型菜单的显示位置。 您可以选择水平或垂直菜单,并启用移动菜单、社交菜单、页脚菜单或桌面扩展菜单。

如何在您的 WordPress 网站上添加超级菜单 - 菜单设置位置

  • 选择所需选项后,单击Save Menu

将菜单项添加到您的超级菜单

保存菜单后,您可以继续向其中添加菜单项。 为此,您只需使用左侧的“添加菜单项”列,然后选择要添加到大型菜单的页面、帖子或类别。 此外,您可以通过勾选必要的页面/帖子/类别来添加自定义 URL。

添加 wordpress 超级菜单 - 添加菜单项

此外,QuadMenu 让您可以选择您想要在菜单上显示的链接、页面和帖子。 您甚至可以在每个部分使用漂亮的搜索选项卡,以便在您的大型菜单上轻松查找内容。

自定义链接可让您添加指向您想要引导流量的各种内容的链接。

勾选要添加到超级菜单的所有菜单项后,单击添加菜单以创建 WordPress 超级菜单。 您还可以通过在右侧窗口中上下拖动菜单项来重新排列菜单项的顺序。

单击右栏中的必要菜单项以修改项目的顺序。 您甚至可以将其设置为来自同一列的子菜单。 多么酷啊!

习惯 QuadMenu 及其自定义

QuadMenu 的真正优势在于其大量的自定义选项。 虽然设置您的 WordPress 菜单非常简单,但个性化也是您应该考虑的一个重要因素。 既然我们知道如何将 WordPress 大型菜单添加到您的网站,让我们来看看您可以做些什么来为其添加更多风味。

将鼠标悬停在 WP 仪表板上的 QuadMenu 列表上,然后单击选项。 你会看到有大量的自定义选项属于不同的类别,从布局到菜单尺寸、填充、动画等等。

现在,让我们更深入地研究可以为您的大型菜单启用的一些最重要的选项。

自定义您的超级菜单

首先,布局和对齐。

  1. 选项下,单击默认主题
  2. 除了Menu ,您将获得五种菜单布局。 选择一个你喜欢的
  3. 选择适当的菜单对齐方式,该对齐方式会根据您的菜单布局而变化
  4. 完成后点击保存

如何在您的 WordPress 网站上添加超级菜单 - 菜单选项主题

现在,让我们通过添加背景、颜色和自定义徽标来自定义菜单。

  1. 单击默认主题下的菜单
  2. 在导航栏背景选项之间进行选择
  3. 选择您希望背景具有的 BG 颜色和文本颜色
  4. 自定义下方菜单的高度和宽度
  5. 点击保存

如何在您的 WordPress 网站上添加超级菜单 - 菜单颜色

这只是表面上的,在同一个菜单自定义页面上,您可以自定义徽标、链接、图标等等。

此外,您可以自定义移动菜单、排版、动画,甚至添加自定义 CSS。 QuadMenu 还允许您导入/导出这些自定义项,以便您可以在多个网站上添加相同的大型菜单设计。 尝试所有这些,为您的大型菜单找到正确的选项。

结论

现在您知道如何将超级菜单添加到您的 WordPress 网站。 超级菜单非常有用,可以帮助您改善用户体验。 但是,如果它们没有正确使用,它们也会使您的访问者感到困惑,并使他们有太多的选择。 这就是为什么在设计和定制您的菜单以获得最佳结果时,您应该始终牢记您的购物者。

你有什么经验可以分享吗? 在下面的评论部分让我们知道!