WordPress菜单错误地渲染到主题位置

时间:2019-03-06 02:54:30

标签: php wordpress

在从头开始构建WordPress主题时,我希望主菜单出现在网页顶部附近,而页脚菜单出现在网页底部附近。这是我注册导航菜单的方式:

register_nav_menus(array(
  'header-menu'     =>  'Meta Music Header Menu',
  'footer-menu'     =>  'Meta Music Footer Menu'
));

主菜单位于“ header.php”中:

<body <?php body_class(); ?>>
  <div id='header-menu'>
    <?php wp_nav_menu( 'theme_location', 'header-menu' ); ?>
  </div>

页脚菜单位于“ footer.php”中:

<footer id='site-footer'>
  <?php dynamic_sidebar( 'metamusic-footer-widget' ) ?>
  <?php wp_nav_menu( 'theme_location', 'footer-menu' ); ?>
</footer>

据我所知,自定义导航菜单已正确放置并注册。自然,需要对它们进行样式设计以获取更令人愉悦的视图。但是,我在这里担心的是这些位置未反映在HTML渲染中。随附的屏幕截图描绘了自定义菜单及其HTML渲染。请注意,页面顶部的主菜单呈现为页脚菜单。

我要去哪里错了?我检查了WordPress Codex,我的代码符合要求。

感谢您的反馈。

enter image description here enter image description here enter image description here enter image description here enter image description here

1 个答案:

答案 0 :(得分:1)

我认为问题在于您没有正确使用wp_nav_menu()函数,这导致它仅显示第一个可用的无空菜单。

尝试:

wp_nav_menu( array(
'menu' => 'footer-menu'
) );

这应该调用正确的菜单项。您还应该用相同的代码替换标头代码,并从页脚到标头更改引用,以确保调用了正确的菜单。