WordPress多级子页面创建与关联菜单显示配置求助

刚好之前处理过类似的多层级页面菜单需求，核心就是基于页面的父/子关系来控制菜单的显示逻辑，下面给你两种靠谱的实现方式，你可以根据自己的技术能力选择：

方法一：用插件快速搞定（适合新手） #

推荐用Conditional Menus这个插件，它能直观地给不同页面/页面组指定菜单，不需要写代码。

步骤1：准备菜单和菜单位置 #

1. 先在WP后台「外观 → 菜单」创建两个菜单：
   • menu1：把B的子页面o、p、q、r加进去（作为这几个页面之间的导航）
   • menu2：把o的子页面x、y、z加进去（按需配置）
2. 确保你的主题支持至少两个菜单位置（比如顶部导航、侧边导航）。如果主题没提供，你可以在主题的functions.php里加一段代码注册新位置：

   function register_custom_menu_locations() {
       register_nav_menus( array(
           'menu-1' => 'Menu 1 显示位置',
           'menu-2' => 'Menu 2 显示位置',
       ) );
   }
   add_action( 'after_setup_theme', 'register_custom_menu_locations' );
   

   然后在主题的模板文件（比如header.php或sidebar.php）里添加菜单调用代码：

   <!-- 显示menu1 -->
   <?php wp_nav_menu( array( 'theme_location' => 'menu-1', 'menu_id' => 'menu1' ) ); ?>
   
   <!-- 显示menu2 -->
   <?php wp_nav_menu( array( 'theme_location' => 'menu-2', 'menu_id' => 'menu2' ) ); ?>
   

步骤2：设置菜单的显示条件 #

安装并激活Conditional Menus插件后：

• 回到「外观 → 菜单」，找到menu1，点击菜单右上角的「条件」按钮：
  设置条件为**「页面是B的子页面（包括所有后代）」**，这样B的所有子页面（o、p、q、r以及它们的子页面）都会显示menu1。
• 找到menu2，同样点击「条件」按钮：
  设置条件为**「页面是o，或者o的子页面」**，这样页面o、x、y、z都会显示menu2。

这样就刚好满足你的需求：

• p/q/r只显示menu1（因为它们是B的子页面，但不属于o的页面组）
• o同时显示menu1和menu2（满足两个条件）
• x/y/z同时显示menu1和menu2（满足两个条件）

方法二：自定义代码实现（灵活可控） #

如果不想用插件，直接在主题里写条件判断代码就行，精准度更高。

步骤1：准备菜单 #

同样先在后台创建好menu1和menu2，不需要额外注册菜单位置（当然注册了更规范）。

步骤2：在模板文件里添加条件判断 #

打开主题的header.php（或者你想显示菜单的模板文件），替换原来的菜单代码，改成如下逻辑：

<?php
// 获取当前页面的对象
$current_page = get_queried_object();
// 替换成你实际的页面ID：页面B的ID、页面o的ID
$page_b_id = 123; 
$page_o_id = 456;

// 显示menu1：如果当前页面是B的子页面或后代页面
if ( $current_page->post_parent == $page_b_id || in_array( $page_b_id, get_post_ancestors( $current_page->ID ) ) ) {
    wp_nav_menu( array( 'menu' => 'menu1', 'menu_id' => 'menu1' ) );
}

// 显示menu2：如果当前页面是o，或者o的子页面/后代页面
if ( $current_page->ID == $page_o_id || in_array( $page_o_id, get_post_ancestors( $current_page->ID ) ) ) {
    wp_nav_menu( array( 'menu' => 'menu2', 'menu_id' => 'menu2' ) );
}
?>

小提示 #

• 页面ID可以在后台编辑页面时，从地址栏的post=xxx里拿到（xxx就是ID），用ID比用页面slug更可靠。
• 如果你的permalink结构是http://example.com/africa/cameroon/street，页面o的slug是cameroon，父页面是africa（对应页面B？），那也可以用get_page_by_path('africa/cameroon')来获取页面对象，比如：

  $page_o = get_page_by_path('africa/cameroon');
  $page_o_id = $page_o->ID;
  

内容的提问来源于stack exchange，提问作者AlisonVilmoreV