随着 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 后台。进入 外观 > 菜单 页面。
此时,在页面顶部或“管理位置”选项卡中,你应该能看到新注册的“顶部菜单”和“底部菜单”位置。现在,你可以:
- 点击“创建新菜单”,为每个位置(如“顶部菜单”)创建一个独立的菜单。
- 向菜单中添加页面、文章、自定义链接等菜单项。
- 在“菜单设置”区域,将创建好的菜单分配到对应的“显示位置”(例如,将某个菜单分配到“顶部菜单”位置)。
后台界面示意
(此处原为图片,在实际文章中应替换为有效的图片地址或保持占位说明)
成功添加自定义菜单位置后,后台菜单管理界面会显示额外的选项框,用于将已创建的菜单分配到新注册的位置。
后续步骤:在主题模板中调用菜单
注册并创建菜单后,你需要在主题模板文件(如 header.php、footer.php)中调用它们,菜单才会在前台显示。
调用方法通常使用 wp_nav_menu() 函数,并指定对应的菜单位置标识。例如,在 header.php 中调用顶部菜单:
<?php
wp_nav_menu( array(
'theme_location' => 'head-nav', // 对应注册时的位置标识
'menu_class' => 'main-navigation',
'container' => 'nav',
) );
?>
关于菜单调用的详细参数和示例,我们将在后续的文章中详细介绍。