Wordpress -显示自定义菜单链接，同时显示子页面

在WordPress中，显示自定义菜单链接并同时展示其子页面可以通过以下步骤实现：

基础概念

• 自定义菜单：WordPress允许用户创建自定义导航菜单，以便更好地组织和展示网站的主要部分。
• 子页面：子页面是指隶属于某个父页面的页面，在网站的层级结构中处于下一级。

相关优势

• 用户体验：清晰的导航结构有助于用户快速找到所需信息。
• 灵活性：自定义菜单使网站管理员能够根据需要调整网站结构。
• SEO优化：合理的页面层级有助于搜索引擎更好地理解和索引网站内容。

类型与应用场景

• 顶部导航菜单：通常用于网站的主导航栏。
• 侧边栏菜单：适用于文章页面或分类页面的辅助导航。
• 页脚菜单：用于放置网站的次要链接或信息。

实现步骤

1. 创建自定义菜单
   • 登录WordPress后台。
   • 导航至“外观” > “菜单”。
   • 点击“创建新菜单”，输入菜单名称并保存。

• 添加菜单项
  • 在左侧的“页面”或“分类”等部分选择要添加的页面或分类。
  • 将它们拖拽到右侧的菜单编辑区域。
  • 对于需要显示子页面的父菜单项，点击其右侧的下拉箭头，勾选“显示子菜单”。
• 设置菜单结构
  • 调整菜单项的顺序和层级关系。
  • 确保父菜单项下正确设置了子页面。
• 分配菜单到主题位置
  • 在菜单编辑页面的底部，选择要将此菜单分配到的主题位置（如“主菜单”、“侧边栏菜单”等）。
  • 点击“保存菜单”。

示例代码（PHP）

如果你希望通过代码实现自定义菜单的显示，可以在主题的functions.php文件中添加以下代码：

function register_my_menus() {
  register_nav_menus(
    array(
      'header-menu' => __( 'Header Menu' )
    )
  );
}
add_action( 'init', 'register_my_menus' );

// 在模板文件中调用自定义菜单
wp_nav_menu( array( 
  'theme_location' => 'header-menu', 
  'depth' => 2, // 设置显示的层级深度
) );

遇到问题及解决方法

• 子页面不显示：
  • 确保父菜单项已正确设置为父级。
  • 检查WordPress后台的“屏幕选项”中是否启用了“CSS类”和“描述”选项。
  • 清除浏览器缓存或尝试在不同的浏览器中查看效果。
• 菜单结构混乱：
  • 使用WordPress提供的拖拽功能重新排列菜单项。
  • 检查是否有其他插件或主题代码干扰了菜单的正常显示。

通过上述步骤和代码示例，你应该能够在WordPress中成功实现自定义菜单及其子页面的显示。