WordPress的/引导菜单

Question

我期待在导航中显示当前页/ id的孩子，如果他们也有孩子，然后启用下拉菜单。我如何使用Wordpress/Bootstrap执行此操作？

Answer 1

插图这段代码在你的引导程序的HTML代码中的header.php

<?php 
     wp_nav_menu(array(
      'menu'    => 'primary', 
      'theme_location' => 'primary', 
      'depth'    => 2, 
      'container'   => 'div', 
      'container_class' => 'collapse navbar-collapse text-center drop', 
     'container_id'  => 'bs-example-navbar-collapse-1', 
      'menu_class'  => 'nav navbar-nav navbar-right', 
      'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
      'walker'   => new wp_bootstrap_navwalker()) 
     ); 
    ?> 

获取bootstrap walker，并添加到您的主题文件夹 按照github上说明他们是很容易的。

实例导航与PHP内容沃克（忽略我的菜单代码等）

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
 
    <div class="container-fluid text-center"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle menu" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
 
     <span class="sr-only">Toggle navigation</span> 
 
\t <i class="fa fa-bars fa-2x"></i> 
 
     </button> 
 
     <a class="navbar-brand" href="<?php echo home_url(); ?>">Omertà <span class="logocol">Inc</span></a> 
 
    </div> 
 

 
<?php 
 
      wp_nav_menu(array(
 
       'menu'    => 'primary', 
 
       'theme_location' => 'primary', 
 
       'depth'    => 2, 
 
       'container'   => 'div', 
 
       'container_class' => 'collapse navbar-collapse text-center drop', 
 
     \t 'container_id'  => 'bs-example-navbar-collapse-1', 
 
       'menu_class'  => 'nav navbar-nav navbar-right', 
 
       'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
 
       'walker'   => new wp_bootstrap_navwalker()) 
 
      ); 
 
     ?> 
 
    </div> 
 
</nav>

然后将此代码放在您的functions.php页面：

require_once('wp_bootstrap_navwalker.php'); 

register_nav_menus(array(
'primary' => __('Primary Menu', 'YOURTHEME'),));