海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

导航菜单是您网站最重要的元素之一。 没有它,您的访问者将无法获得他们需要的内容,也无法理解您提供的内容,并且通常会对您的网站感到困惑。 不幸的是,WordPress 菜单系统并不是 CMS(内容管理系统)中最直观的部分。 我们理解这一点,并希望向您展示如何最好地导航 WP 导航系统。 以便您和您的用户尽可能获得最佳体验。

创建 WordPress 菜单之前

现在,在我们深入研究 WP 菜单结构之前,让我们花点时间来计划一下。 虽然创建菜单很简单(只需转到 外观 – 菜单 并开始单击),创建一个 有用 菜单更深入一点。 本质上,问自己两个问题:

  • 我为谁做菜单?
  • 我希望我的访客去哪里?

关于 我为谁做菜单?,这可能看起来很傻。 因为答案无疑是“您的用户”。 但这并不是那么简单。 不同的用户需要不同的东西。 新用户是否需要与回访者相同的页面? 已登录的成员是否会看到与未登录的成员相同的菜单?

通过考虑将使用此特定菜单的人员,您可以保持简单。 您可以避免在其中塞满页面,以免让查看它的人不知所措。 WordPress 菜单的优点在于您可以创建多个版本并将它们显示在不同的位置。

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

ElegantThemes.com 作为真实示例

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

divi wordpress 菜单悬停 迪维,您不仅会看到主题功能的链接,还会看到我们想要突出显示的社交网络的链接。 所有产品 还将展示Divi作为旗舰产品,因此将 价钱 当人们查看我们的会员选项时。 帐户 位于新用户范式之外,但它使新用户可以快速访问其会员资格,并提供新会员注册选项。 接触也适合所有人。

如您所见,每个菜单项都会将选定的访问者部分引导到我们希望他们最常看到的页面。 也就是说,我们还在页面的页脚中提供了一个更完整的菜单,可以链接到我们的博客、资源、单个产品页面等位置。

海外社媒SNS代运营Tiktok代运营公司

页脚菜单

标题菜单仍然存在。 但是我们知道页面底部的菜单将被有更具体需求的人使用,他们知道寻找另一个菜单(这是当今的网络标准)来找到他们想要的东西。

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

如何创建 WordPress 菜单

前往 外观 – 菜单 在您的 WordPress 仪表板中。 您应该会看到如下内容:

编辑页面

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

菜单名称 供您参考。 没有用户会看到这一点。 通过适当命名来跟踪哪个菜单的位置。 在左边,你看到 页面、帖子、自定义链接、 类别. 一些主题在此处包含更多选项。 你的可能会也可能不会。 菜单项可以是单独的帖子或页面,也可以是类别链接。 此外,自定义链接可让您链接到任何内容,只需记住 https:// 否则您的链接可能会失效。

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

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

wp 菜单位置

接下来,在菜单本身中添加您想要的任何内容。 只需选中它旁边的框并单击 添加到菜单. 这样做将其添加到 菜单结构. 单击箭头以显示其他选项,例如 导航标签.

在导航中放置一个项目

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

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

如果您重视创建它们所花费的时间,请保存您的 wordpress 菜单

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

如何创建下拉 WordPress 菜单

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

在下面 菜单结构 部分,每个项目都是可拖动的。 要创建下拉菜单,只需单击您想要的项目,然后 将其拖到您想要作为其父项的项目. WordPress 足够聪明,它知道如果你把一件物品带给另一个人,你想要下一个。 嵌套它们将在前端创建一个下拉菜单。

创建自定义 WordPress 菜单结构

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

创建自定义 WordPress 菜单结构

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

wordpress 中的下拉选项

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

带有主题标签的占位符 url

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

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

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

但是,如果您确实有一个大型站点并且可以对其进行划分,那么在您的站点中使用多个菜单几乎总是更好的选择。 用户必须做出的选择越少意味着他们做出您希望他们做出的选择的可能性就越大。

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

创建自定义 WordPress 菜单结构

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

侧边栏菜单

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

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

小部件侧边栏菜单

如果您选择一个 标题,它将显示为菜单上方的标题。 这 选择菜单 option 是您选择要显示的特定菜单的地方。 您也可以点击 能见度 链接并打开您在上面看到的额外框。 这个新框为您提供了条件可见性的选项。 为此,我们可能只希望此菜单出现在分类为 播客,所以当我们点击 节省,更改生效。

divi 侧边栏主题构建器菜单

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

结束 WordPress 菜单

WordPress 菜单系统不必令人生畏。 有时可能看起来有点不清楚,但正如您所看到的,这是一个易于导航的过程,一旦您知道如何去做,它就会变得非常强大。 但是请记住,当您继续创建自己的站点导航时,菜单并不是万能的。 一定要考虑到你想在你的网站上找到哪些页面,并创建菜单系统来创造这种体验。 并非每个页面、帖子和链接都必须出现在同一个菜单中。 在 WordPress 菜单的情况下,更少肯定可以更多。

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

WordPress花园建议你也读一下这篇文章  如何使用 WordPress 创建匿名博客(以及您想要的原因)

朱莉娅蒂姆/shutterstock.com 的文章特色图片

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts