如何在 WordPress 中添加下拉菜单 - 初学者指南

已发表: 2021-12-09

在 WordPress 中添加下拉菜单是在您的网站上显示项目列表的一种简洁方式。 它们使您的网站看起来井井有条,为整体外观增添了科技感,并使您的网站易于为用户导航。

最好的部分 - 只需几分钟即可了解如何在 WordPress 中添加下拉菜单。

是不是很刺激?

在这个简短的初学者指南中,我们将解释什么是下拉菜单、它们如何工作以及如何为您的网站创建下拉菜单。 为了完成它,您还将学习如何编辑下拉菜单以满足您的需求。

所以,事不宜迟,让我们开始学习吧。

目录

  • 什么是 WordPress 中的下拉菜单?
  • 为什么要在 WordPress 中使用下拉菜单?
  • 如何在 WordPress 中添加下拉菜单?
    • 第 1 步:创建 WordPress 菜单
    • 第 2 步:将项目添加到您创建的菜单中
    • 步骤 3:通过排列子项创建下拉菜单
    • 第 4 步:发布新的下拉菜单
  • 如何在 WordPress 中编辑下拉菜单
    • 1.删​​除下拉菜单的子项
    • 2. 重新排序项目
    • 3.删除下拉菜单
  • 创建交互式下拉菜单的一些有用技巧
    • 1. 创建多级下拉菜单
    • 2.创建多个下拉菜单
    • 3. 使用实时预览创建菜单
    • 4.创建一个大型下拉菜单
  • 包起来

什么是 WordPress 中的下拉菜单?

下拉菜单基本上是菜单管理系统的一部分,用于添加指向导航菜单的链接。 如果您不知道导航菜单,它们就是指向您网站主页的链接。 它们通常位于页面顶部,如下例所示:

导航菜单示例

由于在导航菜单上添加多个链接可能看起来很混乱和拥挤,下拉菜单有助于整齐地安排事情。 您可以向导航菜单添加多个链接,并使用下拉菜单向访问者展示您提供的内容。 访问者将鼠标悬停在主菜单上时会看到菜单链接,如下例所示:

下拉菜单示例

如您所见,添加下拉菜单可以让您节省空间有限的问题并为您的 WordPress 网站提供有条理的外观。

为什么要在 WordPress 中使用下拉菜单?

如果您有一个全新的 WordPress 网站并且刚刚开始使用新博客,那么您可能没有很多网页。 但随着网站的发展,您开始添加多种内容和产品。 然后,您需要向您的网站添加更多菜单以获得更好的浏览体验。

然而,排队的菜单太多,显得杂乱无章,有些不专业。 此外,您也不能错过包括它们。 这是您需要下拉菜单的地方。

下拉菜单将帮助您添加项目,而不会弄乱导航菜单。 它们让您有效地利用有限的空间。

以下是在 WordPress 中使用下拉菜单的主要原因:

  • 它们使您可以在导航菜单上整齐地组织项目。
  • 您可以有效地利用空间。
  • 下拉菜单使您的网站看起来更加详细和专业。
  • 您可以根据主题的层次结构排列菜单。
  • 它使您的网站具有高度可导航性,并增强了浏览体验。

如何在 WordPress 中添加下拉菜单?

创建和添加下拉菜单很容易。 只需在 WordPress 中点击几下,您就可以在几分钟内完成。 以下是步骤:

第 1 步:创建 WordPress 菜单

首先,您需要创建菜单以将其添加到导航菜单中。 这是如何做到的:

  • 登录到您的 WordPress 仪表板。
  • 转到“外观” ,然后单击“菜单”选项。
前往菜单
  • 您将在顶部看到“创建新菜单”链接。 点击它。
在 WordPress 中创建一个新的菜单选项
  • 在给定字段中输入菜单名称,然后单击下面的“创建菜单”按钮。
添加菜单名称并创建新菜单

完成此操作后,WordPress 会为您创建一个新菜单。 但是,它是一个空菜单。 您仍然需要将项目添加到菜单中。 为此,让我们继续第二步。

第 2 步:将项目添加到您创建的菜单中

创建新菜单后,您现在应该向其中添加项目。 菜单项只是指向您网站上各个页面或部分的链接。 此类链接使访问者更容易浏览您的网站。 以下是向菜单添加项目的方法:

  • 在左侧,您将看到一个名为“添加菜单项”的部分。 在该部分中,您将看到可以添加到菜单中的页面列表。
  • 选择要添加到您创建的菜单的页面。
  • 之后,单击下面的“添加到菜单”按钮。
在 WordPress 的菜单中添加页面
  • 您将看到您选择的页面出现在“菜单结构”部分。
  • 您还可以在菜单中添加帖子、登录页面、自定义链接和其他选项。 从“添加菜单项”部分展开相应部分,而不是“页面”。 然后,像之前一样将其添加到您的菜单中。
您可以在 WordPress 的菜单上添加的各种项目
  • 完成后单击底部的“保存菜单”按钮。

步骤 3:通过排列子项创建下拉菜单

将页面/帖子/自定义链接添加到“菜单结构”后,您需要将其设为下拉菜单。 否则,所有这些项目将在导航菜单中显示为常规项目。 您可以使用父子结构创建下拉菜单。

父项是将承载子项的主标题项。 同样,子项是用户将鼠标悬停在父项上时出现的那些链接。 这是您的操作方法:

  • 单击要制作子项目的项目。
  • 现在将其拖到您要作为父项的项目下。 但是,请确保将子项稍微向右放置。
在 WordPress 中创建父项和子项
  • WordPress 将“子项”标签分配给您刚刚创建的子项。 您可以在相应的父项上添加任意数量的子项。 完成后,单击下面的“保存菜单”按钮。

第 4 步:发布新的下拉菜单

即使在“菜单结构”中创建了下拉菜单,它仍然不会出现在您的网站上。 这是因为您只创建了菜单,还没有发布它。 因此,您需要发布它。

这是您的操作方法:

  • 添加菜单中的所有项目后,向下滚动。 您可以在底部找到菜单设置
  • 您将看到“显示位置” ,然后单击“主菜单”。
  • 单击下面的“保存更改”按钮。
  • 下拉菜单现在出现在您的网站上。
发布新的下拉菜单

如何在 WordPress 中编辑下拉菜单

您已经学习了如何在 WordPress 中添加下拉菜单。 随着时间的推移,您可能需要对其进行更改。 以下是编辑您创建的菜单的方法:

1.删​​除下拉菜单的子项

要从下拉菜单中删除项目,请执行以下步骤:

  • 转到 WordPress 上的外观 > 菜单
  • 确保您位于“编辑菜单”选项卡上。
  • “菜单结构”中,单击要删除的项目旁边的下拉箭头。
  • 单击“删除”链接。
  • 保存更改。

2. 重新排序项目

如果您需要重新排列菜单项的顺序,请执行以下步骤:

  • 首先,从菜单编辑器中拖动项目以将其放置在您想要的位置。
  • 只需放下物品。 满意后保存更改。
拖放菜单以重新排序

3.删除下拉菜单

如果您想删除整个菜单:

  • 选择要从 WordPress 中删除的菜单。
  • 您将在底部看到“删除菜单”选项。 点击它。
删除菜单

就那么简单!

创建交互式下拉菜单的一些有用技巧

导航菜单是您网站上的用户友好功能。 用户可以轻松找到他们正在寻找的内容,而不会浪费任何时间。 因此,在您的网站上正确使用导航菜单将帮助读者在您的网站上找到自己的方式。

以下是为您的网站创建交互式和结构化下拉菜单的一些提示:

1. 创建多级下拉菜单

您还可以在另一个子项下添加一个项以创建多级下拉菜单。 此类菜单常见于电子商务网站或具有许多页面的网站。

创建多级下拉菜单

2.创建多个下拉菜单

您可以在主菜单栏中创建多个下拉菜单来链接您网站的各个页面。

多个下拉菜单

3. 使用实时预览创建菜单

许多 WordPress 主题都提供了一个定制器,可以在定制主题时提供实时预览。 使用实时预览创建站点菜单将使您生动地了解它在前端的外观。

  • 转到 WordPress 仪表板上的外观 > 自定义选项以访问自定义程序。
自定义设置
  • 您将在定制器上看到“菜单”选项。 此选项的位置可能会根据您使用的主题而有所不同。
定制器上的菜单选项
  • 在这里,您将找到创建新菜单或拖动菜单以使其成为主要、次要或第三级的选项。 添加、删除和排序菜单项与上述步骤中的说明相同。

4.创建一个大型下拉菜单

一般下拉菜单仅显示有限的子菜单。 但是,当用户将鼠标悬停在主菜单上时,您也可以显示网站的完整结构。 以下是步骤:

  • 首先,您需要从 wordpress.org 下载并安装Mega Menu插件之一。 然后,激活插件。
  • 转到插件的设置选项并进行必要的更改。

包起来

你看,在 WordPress 中添加一个下拉菜单只需要点击几下和几分钟。 但是,您可以添加的菜单的数量和位置可能因主题而异。 因此,请确保为您的网站选择正确的主题,而不仅仅是选择流行的主题。

不过,添加下拉菜单是改善用户浏览体验的好方法。 它们使您的网站看起来井井有条,并简化了您网站周围的导航。

我们希望这个初学者指南对您有所帮助。 请务必在下面的评论部分写下您的反馈。

您还可以查看如何将小部件添加到 WordPress。