WordPress 导航菜单:它是什么(以及它是如何工作的)

一旦访问者登陆您的网站,您的工作就是让他们尽可能长时间地停留在那里。最被低估的方法之一是使用 WordPress 导航菜单。

WordPress 导航菜单功能 — 或 wp_nav_menu — 可以简化您的网站,增加页面停留时间,并使用户更容易发现他们想要查看的内容。
在本文中,我们将详细介绍 WordPress 导航菜单的基础知识、如何在您的网站上部署它,以及您可以使用哪些其他选项来创建引人注目的菜单。

使用 HubSpot 的 WordPress 网站工具发展您的业务

WordPress 中的 wp_nav_menu 是什么?

WordPress 导航菜单功能允许站点所有者和开发人员在 WordPress 页面上创建自定义菜单链接。它可以添加到您的 functions.php 文件的代码中并进行自定义以提供特定的视觉和操作元素,如下图所示:

在 WordPress 3.0 版之前,wp_nav_menu 是在WordPress 主题中创建菜单的最佳选择,但是在 WordPress 管理页面上添加的专用菜单工具使得创建导航选项变得更加容易和快捷。
然而,在某些情况下,导航菜单编码更可取,尤其是当您想要添加特定功能或显示元素时。
例如,自定义侧边栏、页脚或粘性菜单并不总是随 WordPress 主题包一起提供,这使它们成为 wp_nav_menu 功能的不错选择。

为什么 wp_nav_menu 很重要?

有效的导航对于网站的成功至关重要。如果用户无法快速找到将他们指向正确方向的菜单,他们更有可能离开您的网站,而不是花时间追踪特定链接。
wp_nav_menu 函数允许您修改菜单以最适合您站点的需要和用户偏好。虽然大多数 WordPress 主题包括带有其他元素(例如页面模板、字体和附加组件)的导航菜单,但这些菜单不是优先事项,这意味着它们可能与您的品牌形象或网站设计不一致。
创建您的 WordPress 导航菜单可能是获得您需要的形式和功能的最佳方式。

您如何在您的网站上实施 wp_nav_menu?

要创建和实施 WordPress 导航菜单,您需要访问 WordPress 站点的 functions.php 文件。
不确定在哪里可以找到 wp_nav_menu 代码?您有两个选择:直接访问该文件或通过您的 WordPress 管理页面访问该文件。如果您选择直接访问该文件,您需要获得 WordPress 站点主机的许可才能访问代码(通常使用 cPanel 等工具),或者使用文件传输协议 ( FTP) 客户端连接到您的 WordPress 服务器并访问文件。

Wp_Nav_Menu 示例

如果您选择 WordPress 管理页面路线,请在左侧边栏中查找“外观”菜单,然后选择“主题编辑器”。这将显示您可以修改的文件列表,包括 functions.php 文件。这是它的样子:

一旦您有权访问您的文件,您就可以开始进行更改。首先,添加 wp_nav_menu 代码,如下所示:

每行都是一个潜在的修饰符。例如,您可以修改“之前”和“之后”字符串以在菜单链接之前和之后添加文本。如果用户选择的菜单不存在,’fallback_cb’ 字符串指定回退页面。默认情况下,此回调设置为 wp_page_menu,如果您不想回退,也可以将其设置为“false”。
您还可以选择层次结构级别以包含在您的菜单选项中——默认情况下设置为“0”,表示全部。

Wp_Nav_Menu 的替代品

WordPress 使添加菜单变得非常容易,但请记住,菜单的确切位置将取决于您使用的 WordPress 主题。
现在让我们看看如何在 WordPress 中创建自定义导航菜单。

1. 通过 WordPress 管理页面安装菜单。

在 WordPress 管理页面上,首先从左侧边栏中选择外观。

然后,选择菜单。

现在,你会看到这个屏幕:

在这里,您可以指定菜单的位置、名称以及包含的元素。您还可以根据需要删除菜单或使用 WordPress 所谓的“实时预览”来管理您的菜单,以查看这些新菜单将对您的站点产生的影响。

2.安装带有导航菜单插件的菜单。

导航菜单插件进一步简化了这个过程,并提供了额外的功能来帮助定制您的 WordPress 网站。

优步菜单

价格: 25 美元

UberMenu 可以轻松创建自定义菜单布局。从简单的列和行到图像、图标、地图和表格,您可以完全控制菜单的设计和开发。
此外,UberMenu 包括一个完整的网格系统,带有单独的布局控件,可以简化菜单制作过程,而不会限制您的自定义能力。
为什么我们喜欢它: UberMenu 只需 25 美元即可提供许多功能,使其成为可靠的菜单选项。

英雄超级菜单

价格: 20 美元

Hero Mega Menu 是一个响应式菜单设计插件,可让您按需创建复杂、功能丰富的菜单。凭借直观的用户界面、拖放构建以及控制关键菜单元素(如透明度、边框和圆角半径)的能力,Hero Mega Menu 可能只是您保存站点菜单所需的 WordPress 插件超级英雄。
为什么我们喜欢它:本机 WooCommerce 支持和响应式技术支持使这个插件成为 20 美元的赢家。

Groovy 超级菜单

价格: 27 美元

Groovy Mega Menu 是一个高度可定制的菜单创建插件,带有大量标题、水平和垂直菜单布局。除了完全自定义菜单设计的能力外,该插件还提供了一个在线预设库,其中包含一些最受欢迎的菜单构建,以帮助进一步简化流程。
为什么我们喜欢它:响应式设计意味着菜单在任何设备上看起来都很棒,而且选项的绝对数量使构建您想要的任何东西成为可能。

光滑的菜单

价格: 29 美元

Slick Menu 将自己描述为“有史以来最漂亮的 WordPress 垂直菜单插件”。无限级别、多级别宽度、广泛的图标库、可选背景图像、视频和超过 45 种动画,可以轻松创建脱颖而出的垂直菜单。
为什么我们喜欢它: Slick Menu 使用起来非常简单。只需启用它,自定义它并享受您创建的内容。

敏感的

价格: 26 美元

Touchy 专为移动设备的小屏幕而设计。它轻巧、定期更新、高度可定制,并且可以添加到任何主题中。凭借上传和自定义徽标图像、背景图像以及菜单栏各个方面的能力,您可以轻松地为您的站点创建理想的移动菜单。
为什么我们喜欢它:完全控制移动菜单栏意味着您可以自信地捕捉移动用户的兴趣。

使 WordPress 菜单变得重要

简单而流线型的菜单使访问者更容易在您的网站上找到他们想要的东西,并使他们更有可能停留更长时间、探索更多并成为付费客户。
如果您当前的主题和模板提供的菜单无法正常工作——或者不符合您的风格——您还有其他选择。了解 WordPress 代码?考虑修改 wp_nav_menu 以获得您想要的内容。更喜欢更直接的过程?选择管理页面菜单修改或使用插件以获得最大的灵活性。
底线?菜单很重要。让你的计数。

Newsletter Updates

Enter your email address below and subscribe to our newsletter

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注