如何在WordPress中创建下拉菜单

如何创建下拉菜单功能

如果您可以为用户提供一种更简单的方式来浏览您的网站,该怎么办?

借助WordPress的内置菜单功能,您可以在几分钟内构建一个简单而有效的下拉菜单,为您的访问者提供多种不同的方式来找到他们想要的内容。

在这篇文章中,我们将向您展示如何做到这一点。

什么是下拉菜单?

web上使用的默认菜单是标准菜单。这是一个简单的设计,每个菜单项以水平(有时垂直)的方式彼此并排显示。该设计不包含嵌套项,使其具有真实的外观。

下拉菜单是标准web菜单的变体。它使用相同的设计,只有少数菜单项具有嵌套项,当用户将鼠标悬停在父项上时,这些项会“下拉”。

多边形下拉菜单

该设计提供了一种简单的方法,可以为用户提供更多的链接以供访问,使他们更容易浏览您的网站。

如何在WordPress中创建下拉菜单

默认情况下,当您没有为站点指定自定义菜单时,WordPress会将您创建的每个新页面添加到菜单中。这很快就会变得一团糟。

此外,如果您的主题附带演示内容,它可能会为您提供一个自定义菜单,其中包含导入演示时为您创建的页面。

因此,我们所有的菜单都会看起来非常不同,因此我们将通过创建一个全新的菜单而不是编辑现有菜单来开始本教程。

wordpress创建新菜单

首先,按您想要的任何顺序将顶级页面添加到菜单中。这些是您的主页、关于、博客和联系人页面。您可以拖放每个项目以按首选顺序重新排列它们。

现在,让我们假设我们的博客有许多不同的类别。我们可以按原样直接将这些类别添加到菜单中,也可以将它们嵌套在博客项下。这允许用户浏览与他们正在查找的内容类型一致的主题。

您只需将类别添加到菜单中,然后使用拖放功能将其放置在博客选项下方,但稍微向右。

wordpress菜单子项

WordPress称这些为“子项”,但您也可以将它们称为子项。您甚至可以通过在子项下嵌套其他项来创建子项。

wordpress菜单子菜单

下面是一个简单菜单的示例:

wordpress下拉菜单

如果要预览下拉菜单元素,则必须将此菜单指定为主菜单(主题的标签可能会有所不同)。

另请注意,如果主题使用透明标题,则可能难以查看下拉菜单。尝试在live customizer的标题或菜单部分中使用站点的链接颜色。否则,请联系主题的支持团队,作为最后的手段。

除了页面和博客类别之外,您还可以向下拉菜单中添加一些其他内容。您可以通过自定义链接功能添加其中大部分内容,但也可以将博客帖子添加到菜单中。

如果要添加用作标题而不是实际链接的父菜单项,请在URL字段中插入英镑符号,并在链接文本字段中插入标题。例如,如果您在多家大卖场销售产品,您可以创建一个名为“Where to Buy”的父菜单项,并将每个卖场链接为子菜单项。

wordpress菜单自定义链接

您可以在菜单的任何位置随意添加自定义链接。

编辑菜单

WordPress的菜单创建者有一个很酷的地方,那就是你可以随意重命名任何菜单项。只需单击与要重命名的项目关联的箭头,然后更改导航标签字段中的文本。

wordpress菜单编辑标签

确保在下一部分之前保存菜单。

如果要实时查看对菜单所做的更改,请转到live customizer,打开“菜单”部分,然后打开下拉菜单。该界面类似于WordPress后端的菜单页面,因此您可以从这里很好地编辑菜单。

wordpress菜单live customizer

您甚至可以从这里删除菜单,就像在后端的菜单页面上一样。

超大菜单:下拉菜单的替代品

WordPress的默认下拉菜单本身就很好,但如果您正在搜索带有更多flare的菜单,请允许我们介绍mega菜单。

ubermenu wordpress插件

超大菜单是下拉菜单的另一种形式,只是它们使用高级链接、图像、搜索字段、地图等。

当您使用专用超大菜单插件,尤其是以下选项优步菜单Mega Menu Pro.


披露:这篇文章包含附属链接。这意味着,如果你购买,我们可以给你一小笔佣金。