如何在 WordPress 中创建和编辑菜单导航
已发表: 2020-09-24导航菜单是您网站最重要的元素之一。 没有它,您的访问者将无法获得他们需要的内容,也无法理解您提供的内容,并且通常会对您的网站感到困惑。 不幸的是,WordPress 菜单系统并不是 CMS(内容管理系统)中最直观的部分。 我们理解这一点,并希望向您展示如何最好地导航 WP 导航系统。 以便您和您的用户尽可能获得最佳体验。
创建 WordPress 菜单之前
现在,在我们深入研究 WP 菜单结构之前,让我们花点时间来计划一下。 虽然创建菜单很简单(只需转到外观 – 菜单并开始单击),但创建有用的菜单更深入一些。 本质上,问自己两个问题:
- 我为谁做菜单?
- 我希望我的访客去哪里?
关于我为谁制作菜单? ,这可能看起来很傻。 因为答案无疑是“您的用户”。 但这并不是那么简单。 不同的用户需要不同的东西。 新用户是否需要与回访者相同的页面? 已登录的成员是否会看到与未登录的成员相同的菜单?
通过考虑将使用此特定菜单的人员,您可以保持简单。 您可以避免在其中塞满页面,以免让查看它的人不知所措。 WordPress 菜单的优点在于您可以创建多个版本并将它们显示在不同的位置。
这让我们想到了第二个问题:我希望我的访客去哪里? 与哪些用户需要哪些菜单密切相关,决定您希望这些用户去哪里将决定您创建什么样的菜单。
ElegantThemes.com 作为真实世界的例子
例如,我们不久前在 Elegant Themes 上重新设计了标题菜单。 我们希望专注于为我们的 Facebook 群组、Divi 主题用户和我们的 Meetup 网络带来流量。 除了Divi本身,那是不言而喻的。 为此,我们简化了菜单结构,与过去存在的更强大的版本相比,只为用户提供了少数选项。
将鼠标悬停在Divi 上,您不仅会看到指向主题功能的链接,还会看到指向我们想要突出显示的社交网络的链接。 所有产品也将显示 Divi 作为旗舰产品,当人们查看我们的会员选项时,定价也是如此。 帐户位于新用户范式之外,但它使新用户可以快速访问其会员资格,并提供新会员注册选项。 联系方式也适用于每个人。
如您所见,每个菜单项都会将选定的访问者部分引导到我们希望他们最常看到的页面。 也就是说,我们还在页面的页脚中提供了一个更完整的菜单,可以链接到我们的博客、资源、单个产品页面等位置。

标题菜单仍然存在。 但是我们知道页面底部的菜单将被有更具体需求的人使用,他们知道寻找另一个菜单(这是当今的网络标准)来找到他们想要的东西。
考虑到这一点,您可能已经弄清楚您要为谁创建菜单以及您希望他们做什么。 因此,让我们开始构建您的 WordPress 菜单。
如何创建 WordPress 菜单
前往外观 – WordPress 仪表板中的菜单。 您应该会看到如下内容:

此页面不是 WordPress 中用户最友好的部分,但您会看到一些与我们上面讨论的内容相关的部分。
菜单名称供您参考。 没有用户会看到这一点。 通过适当命名来跟踪哪个菜单的位置。 在左侧,您会看到页面、帖子、自定义链接和类别。 一些主题在此处包含更多选项。 你的可能会也可能不会。 菜单项可以是单独的帖子或页面,也可以是类别链接。 此外,自定义链接可让您链接到任何内容,只需记住https://,否则您的链接可能会失效。
在菜单设置 下,我们强烈建议您禁用自动添加页面。 此选项会将您网站上创建的所有新页面添加到 WordPress 菜单。 大多数人永远不会选中此框。
现在显示位置选项将因主题而异,因为每个主题在允许 WordPress 菜单显示的位置方面都有不同的布局。 但是,这些是您网站中可以完整显示菜单的位置。 您可以在屏幕顶部的“管理位置”选项卡下对菜单位置进行更多微调

接下来,在菜单本身中添加您想要的任何内容。 只需选中旁边的框,然后单击添加到菜单。 这样做会将其添加到Menu Structure 下。 单击箭头以显示其他选项,例如Navigation Label 。

请记住,导航标签将向用户显示 。 这是出现在菜单中的部分。 因此,如果您的页面标题太长,您可以在此处缩短它。
现在,创建 WordPress 菜单最重要的部分(也许是所有平台中最被遗忘的操作之一)是单击屏幕右侧的保存菜单。

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

如何创建下拉 WordPress 菜单
在大多数情况下,上述步骤与在 WordPress 中创建下拉菜单的步骤相同。 但是,您还需要执行另一个步骤才能显示子菜单。
在菜单结构部分下,每个项目都是可拖动的。 要创建下拉菜单,只需单击您想要的项目并将其拖到您想要作为其父项的项目上。 WordPress 足够聪明,它知道如果你把一件物品带给另一个人,你想要下一个。 嵌套它们将在前端创建一个下拉菜单。

在下拉列表中为任意数量的项目重复此操作。 嵌套层次结构易于理解。 每次在结构中创建一个新级别时,菜单都会有一个额外的下拉菜单。

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

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

这样做将创建一个菜单项,但单击它只会展开下拉菜单。
如何在您的 WordPress 网站上使用多个菜单
回到我们之前讨论的内容,我们希望确保我们显示的每个菜单都是有焦点的。 有时,大型菜单是站点导航的最佳选择。 例如,亚马逊就是一个很好的例子,它充分利用了大型菜单。 但是,大多数使用超级菜单的网站不需要它们。 它们不必要地使站点导航复杂化。
但是,如果您确实有一个大型站点并且可以对其进行划分,那么在您的站点中使用多个菜单几乎总是更好的选择。 用户必须做出的选择越少意味着他们做出您希望他们做出的选择的可能性就越大。
现在,例如,假设您要创建一个仅出现在博客侧边栏中的菜单,以帮助引导用户。 我们可以将菜单命名为S idebar Widget 之类的名称来跟踪它。 但是,如果您查看“显示位置”或“管理位置”选项卡,则可能没有侧边栏选项。

那只是意味着我们必须手动放置菜单。 在 WordPress 仪表板中,转到外观 – 小部件并找到导航菜单小部件。

在大多数情况下,您的主题将有一个通用的侧边栏选项。 导航菜单小部件默认为 WordPress。 因此,无论您的主题如何,这都将起作用。 但是,您的主题可能有其他菜单小部件的内容,基本步骤仍应适用。
与下拉菜单项一样,单击并将其拖动到侧边栏区域。 由于小部件在 WordPress 中的工作方式,小部件将立即出现在您的网站上。 但是,您尚未选择要显示的菜单,因此它将是空白区域。

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

这就是他们的全部。 您应该记住,您作为标题菜单的下拉菜单创建的任何内容都将在侧边栏小部件中显示为嵌套菜单。 因此,如果您使用 # 创建了任何占位符 URL,则在此菜单中将是一个不可点击的链接。 只需相应地计划您的 WordPress 菜单创建。
结束 WordPress 菜单
WordPress 菜单系统不必令人生畏。 有时可能看起来有点不清楚,但正如您所看到的,这是一个易于导航的过程,一旦您知道如何去做,它就会变得非常强大。 但是请记住,当您继续创建自己的站点导航时,菜单并不是万能的。 一定要考虑到你想在你的网站上找到哪些页面,并创建菜单系统来创造这种体验。 并非每个页面、帖子和链接都必须出现在同一个菜单中。 在 WordPress 菜单的情况下,更少肯定可以更多。
您如何构建 WordPress 菜单? 您的网站有多少种不同的菜单?
朱莉娅蒂姆/shutterstock.com 的文章特色图片
