如何为您的 WordPress 主题添加更多导航菜单

技术教程 2022年1月18日

1176 0 9

有时您可能会发现一个很棒的主题，然后才意识到如果它有一个带有重要或常用链接的额外导航菜单以提高您的 WordPress 网站的可用性，那就太好了.

只需一点点编码，您就可以快速设置新菜单的基础，并准备好与您的主题相匹配的样式.

如果您不想乱用代码，有许多插件可以为您完成繁重的工作，并且还提供样式选项.

无论您选择哪个选项，下面的指南都会帮助您实现它.

如何为您的 WordPress 主题添加菜单:

构建子主题
创建新菜单
将菜单位置添加到您的主题
设置导航菜单样式

基本家务

要创建新菜单，您需要编辑主题文件.在更改任何核心文件之前，最好备份整个站点，以防万一出现问题.您将能够快速恢复您的网站，就好像什么都没发生过一样.

您可以通过 FTP 或使用插件(例如我们自己的 Snapshot)手动备份您的网站.请务必将数据库和文件的副本保存在与您的站点不同的位置，以最大程度地降低丢失备份的风险.

构建子主题

要使用代码创建新菜单，您需要进行更改，这些更改会在您更新主题时丢失.创建子主题可以解决这个问题.

您可以通过查看我们的其他几篇文章如何创建 WordPress 子主题和找到创建子主题所需的详细信息a target="_blank" rel="noopener">如何在 WordPress 中自动创建子主题.

您还可以选择创建自己的全新主题或在本地或测试站点上试用.

您可以查看这些帖子以获取有关如何创建 WordPress 本地安装的更多详细信息:

如何使用 MAMP 在本地开发 WordPress
如何在PC/Windows本地安装XAMPP和WordPress
如何在 5 分钟内使用 DesktopServer 在本地设置 WordPress
将本地 WordPress 安装迁移到实时站点的快速简便指南
如何使用 XAMPP 迁移 WordPress 以进行本地开发

一旦您设置了这些选项之一，您就可以开始创建额外的导航菜单.不过，如果您决定使用插件或主题框架，则无需创建子主题.

创建新菜单

在外观>下的管理仪表板中添加可选菜单位置选项菜单 您需要执行所谓的"注册菜单".只需将一段代码添加到位于 wp-content > 中的 functions.php 文件中即可.主题>你的主题.

在 cPanel 中，单击主页上文件部分中的 文件管理器 图标.如果您之前没有将 文件管理器 设置为加载到您网站的文档根目录，请现在导航到那里.

您的 /wp-includes/ 文件夹中有一个 functions.php 文件，但这不是您需要编辑的文件.确保找到您正在使用的主题中找到的 functions.php 文件.否则，在尝试添加稍后找到的代码时，您最终会遇到错误.

找到您的 functions.php 文件并单击它一次，然后单击页面顶部的 Edit 按钮.

The File Manager in cPanel.The functions.php file has been selected. — 你可以直接编辑你主题的*functions.php*文件在 cPanel 中.

如果打开一个弹出窗口，只需点击底部右侧的编辑按钮.如果您之前禁用了它，您可能看不到它.

滚动到文件底部.如果您只想添加一个菜单，请在新行中添加以下代码:

function register_my_menu() {
register_nav_menu('new-menu',__( 'New Menu' ));
}
add_action( 'init', 'register_my_menu' );

在此示例中，New Menu 是将出现在管理仪表板菜单页面中的名称，以便人眼可以理解.new-menu 名称是 WordPress 理解以正确执行您的代码的名称.

您可以随意命名您的菜单，但请确保只有人类可读的名称包含空格和大写字母.

如果您想向您的网站添加多个菜单，请将此代码添加到新行:

function register_my_menus() {
  register_nav_menus(
    array(
      'new-menu' => __( 'New Menu' ),
      'another-menu' => __( 'Another Menu' ),
      'an-extra-menu' => __( 'An Extra Menu' )
    )
  );
}
add_action( 'init', 'register_my_menus' );

您可以使用此方法添加任意数量的新菜单.命名它们时将适用相同的规则.

保存您对文件所做的更改.现在剩下的就是将新菜单添加到您的网站.