博客 / WordPress/ WordPress如何在后台添加多个自定义菜单

WordPress如何在后台添加多个自定义菜单

随着 WordPress 的普及,越来越多的人开始使用 WordPress 建站。网站功能日益复杂,站长们通常不再满足于仅使用一个主菜单。那么,我们如何在 WordPress 后台添加多个自定义菜单呢?

下面将分享一篇关于添加多个自定义菜单的 WordPress 教程。

步骤一:注册自定义菜单位置

首先,将以下代码添加到当前主题的 functions.php 文件中。

// WordPress 注册自定义菜单位置
register_nav_menus(
    array(
        'head-nav' => __( '顶部菜单' ),
        'foot-nav' => __( '底部菜单' ),
        // 可以继续添加更多菜单位置,例如:
        // 'sidebar-nav' => __( '侧边栏菜单' ),
    )
);

代码说明:

  • register_nav_menus() 函数用于向 WordPress 注册一个或多个导航菜单位置。
  • 数组中的每个键值对定义一个菜单位置:'位置标识' => __( '后台显示的名称' )
  • 位置标识(如 head-nav)将在模板调用菜单时使用。
  • 后台显示的名称(如“顶部菜单”)将出现在 WordPress 后台的“外观”->“菜单”管理界面中。

步骤二:在后台创建并分配菜单

保存 functions.php 文件后,刷新 WordPress 后台。进入 外观 > 菜单 页面。

此时,在页面顶部或“管理位置”选项卡中,你应该能看到新注册的“顶部菜单”和“底部菜单”位置。现在,你可以:

  1. 点击“创建新菜单”,为每个位置(如“顶部菜单”)创建一个独立的菜单。
  2. 向菜单中添加页面、文章、自定义链接等菜单项。
  3. 在“菜单设置”区域,将创建好的菜单分配到对应的“显示位置”(例如,将某个菜单分配到“顶部菜单”位置)。

后台界面示意

(此处原为图片,在实际文章中应替换为有效的图片地址或保持占位说明)
成功添加自定义菜单位置后,后台菜单管理界面会显示额外的选项框,用于将已创建的菜单分配到新注册的位置。

后续步骤:在主题模板中调用菜单

注册并创建菜单后,你需要在主题模板文件(如 header.phpfooter.php)中调用它们,菜单才会在前台显示。

调用方法通常使用 wp_nav_menu() 函数,并指定对应的菜单位置标识。例如,在 header.php 中调用顶部菜单:

<?php
wp_nav_menu( array(
    'theme_location' => 'head-nav', // 对应注册时的位置标识
    'menu_class'     => 'main-navigation',
    'container'      => 'nav',
) );
?>

关于菜单调用的详细参数和示例,我们将在后续的文章中详细介绍。