导航菜单是您网站上最重要的元素之一。没有它,您的访问者将无法获得他们想要的东西,无法理解您提供的产品,并且通常最终会在您的网站上处于混乱状态。不幸的是,WordPress 菜单系统并不是 CMS(内容管理系统)中最直观的部分。我们了解这一点,并希望向您展示如何最好地导航 WP 导航系统。为您和您的用户获得最佳体验。

在创建 WordPress 菜单之前

现在,在深入了解 WP 菜单结构之前,让我们花点时间进行计划。创建菜单很简单(只需转到外观 - 菜单并开始单击),创建有用的菜单则要深入得多。基本上,问自己两个问题:

  • 我为谁制作菜单?
  • 我希望我的访问者去哪里?

我为谁制作菜单似乎很愚蠢。因为答案无疑是“你的用户”。但这不是那么简单。不同的用户需要不同的东西。新用户是否需要与返回页面相同的页面?登录会员会看到与未登录会员相同的菜单吗?

您可以通过考虑将使用此特定菜单的人来保持简单。您可以通过在页面上塞满所有内容来避免让阅读它的人不知所措。 WordPress 菜单的伟大之处在于您可以创建多个版本并将它们显示在不同的地方。

这就引出了第二个问题:我希望访问者去哪里?与哪些用户需要哪些菜单密切相关,决定您希望这些用户去哪里将决定您创建什么样的菜单。

以 ElegantThemes.com 为例

例如,我们不久前重新设计了 Elegant Themes 中的标题菜单。我们希望专注于为我们的 Facebook 群组、Divi 主题用户和聚会网络增加流量。这不言而喻,除了 Divi 本身。为此,我们简化了菜单结构,与过去存在的更强大的版本相比,只为用户提供了几个选项。

鼠标悬停在Divi上,你不仅会看到链接主题的特征,以及我们想要强调的社交网络。所有产品还以 Divi 作为旗舰产品,因此定价也会随着人们对我们会员资格的看法而有所不同。帐户不属于新用户范例,但它使新用户可以快速访问其会员资格并为新会员提供注册选项。每个人都是相连的。

因此,如您所见,每个菜单项都将一组选定的访问者引导至我们最希望他们看到的页面。也就是说,我们在页面底部还有一个更完整的菜单,其中包含指向我们的博客、资源、单个产品页面等位置的链接。

页眉菜单也依然存在。但我们知道页面底部的菜单将供有特定需求的人使用,他们知道寻找另一个菜单(如今的网络标准)来找到他们想要的东西。

考虑到这一点,您可能已经弄清楚您正在为谁创建菜单以及您希望他们做什么。那么,让我们开始构建 WordPress 菜单吧。

如何创建 WordPress 菜单

转到外观 - WordPress 仪表板中的菜单。您应该看到以下内容:

此页面不是 WordPress 中对用户最友好的部分,但您会看到一些与我们上面讨论的内容相关的部分。

菜单名称仅供参考。没有用户会看到此消息。通过适当地命名菜单来跟踪哪个菜单去了哪里。在左侧,您会看到页面、帖子、自定义链接和类别。一些主题在此处包含更多选项。你可能会也可能不会。菜单项可以是单独的帖子或页面,也可以是类别链接。此外,“自定义链接”允许您链接到所有内容,请记住 https:// 否则您的链接可能会中断。

在菜单设置下,我们强烈建议禁用“自动添加页面”。此选项会将您在网站上创建的所有新页面添加到 WordPress 菜单。大多数人永远不会选中此框。

“显示位置”选项现在因主题而异,因为每个主题在允许 WordPress 菜单出现的位置方面都有不同的布局。但是,这些是站点中可以完整显示菜单的地方。您无法微调屏幕顶部“管理位置”选项卡下的菜单位置。

接下来,在菜单中添加任何你想要的东西。只需选中它旁边的框,然后单击“添加到菜单”。这样做会将其添加到菜单结构下。单击箭头以显示其他选项,例如导航选项卡。

记住,导航标签将显示给用户。这是出现在菜单中的部分。所以如果页面标题太长,可以在这里缩短。

现在,创建 WordPress 菜单最重要的部分(也许是任何平台中最容易被遗忘的操作之一)是单击屏幕右侧的“保存菜单”。

保存后,菜单将生效。如果它已经显示在您的网站上,则更改将立即生效。

如何创建下拉式 WordPress 菜单

在大多数情况下,上述步骤与在 WordPress 中创建下拉式菜单相同。但是,需要另一个步骤才能显示子菜单。

在菜单结构部分下,每个项目都是可拖动的。要创建下拉菜单,只需单击所需的项目并将其拖动到您想要作为其父级的项目。 WordPress 足够聪明,知道如果您将一个项目放在另一个项目之上,您希望将它放在它旁边。嵌套它们将在前端创建一个下拉菜单。

在下拉菜单,根据需要对所有项目重复此操作。嵌套层次结构很容易理解。每次在结构中创建一个新级别时,菜单都会有一个额外的下拉菜单。

在前端,它看起来类似于:

p>现在,这些步骤假定您正在使用现有的菜单项。但是,如果您不希望触发下拉菜单的项目是可导航的链接,您可以简单地创建一个包含 # 而不是 URL 的自定义链接。

这样做会创建一个菜单项,但单击它只会展开下拉菜单。

如何在您的 WordPress 网站上使用多个菜单

回到我们之前讨论的内容,我们要确保显示的每个菜单都有焦点。有时,大型菜单是网站导航的最佳选择。例如,亚马逊就是一个很好地利用大型菜单的网站示例。但是,大多数使用大型菜单的站点都不需要它们。它们不必要地使站点导航复杂化。

但是,如果您确实有一个大型站点并且可以将其隔开,那么在整个站点中使用多个菜单几乎总是更好。用户必须做出的选择越少,他们就越有可能做出你希望他们做出的选择。

现在,例如,假设您要创建一个仅出现在博客侧边栏中的菜单,以帮助引导用户。我们可以将菜单命名为 Sidebar Widget 之类的名称以跟踪它。但是,如果您查看“显示位置”或“管理位置”选项卡,可能没有侧边栏选项。

这就意味着我们会必须手动放置菜单。在您的 WordPress 仪表板中,转到外观 - 小部件并找到导航菜单小部件。

在大多数情况下,您的主题将具有通用侧边栏选项。导航菜单小部件默认为 WordPress。因此,无论您使用哪个主题,它都会起作用。但是,您的主题可能包含菜单小部件的其他内容,基本步骤仍然适用。

像下拉菜单项一样,单击并将其拖动到边栏区域。由于小部件在 WordPress 中的工作方式,小部件将立即出现在您的网站上。但是,您还没有选择要显示的菜单,因此它将是空白的。

如果选择标题,它将作为标题显示在菜单上方。选择菜单选项是您选择要显示的特定菜单的地方。您还可以单击“可见性”链接并打开上面看到的额外框。这个新框为您提供了条件可见性选项。为此,我们可能只希望此菜单出现在归类为 Podcast 的帖子上,因此当我们单击“保存”时,更改将被保留。

这就是他们的全部.您应该记住,您在标题菜单中创建为下拉菜单的所有内容都将在侧边栏小部件中显示为嵌套菜单。因此,如果您使用 # 创建了任何占位符 URL,它将成为此菜单中不可点击的链接。只需相应地计划您的 WordPress 菜单创建即可。

WordPress 菜单总结

WordPress 菜单系统不必令人生畏。它有时看起来不清楚,但正如您所见,这是一个易于导航的过程,并且一旦您知道如何操作就会非常强大。但请记住,当您继续创建自己的网站导航时,菜单并不是一切。确保考虑到您希望在站点上找到哪些页面,并创建一个菜单系统来创建该体验的用户。并非每个页面、帖子和链接都必须出现在同一个菜单中。就 WordPress 菜单而言,少即是多。

您如何构建 WordPress 菜单?您的网站有多少种不同的菜单?

Julia Tim/shutterstock.com 文章的精选图片

资源