web-dev-qa-db-ja.com

ブートストラップwp_nav_menuを使ってサブメニューを追加する

Wp_nav_menuを使ってサブメニューを生成するのに問題があります。ブートストラップClassAのwp_nav_menuによって生成されたClassAサブメニューを変更するにはどうすればよいですか?

私の問題を参照してください。

enter image description here

これはメニューを生成する私のコードです:

<nav class="row menu">
        <?php wp_nav_menu( array( 
            'theme_location'      => 'category-menu',
            'container'             => '',
            'container_class'   => '',
            'container_id'      => 'main-navbar-collapse',
            'menu_class'        => 'nav nav-pills',
            'menu_id'           => '',
            'echo'              => true,
            'fallback_cb'       => 'wp_page_menu',
            'before'            => '',
            'after'             => '',
            'link_before'       => '',
            'link_after'        => '',
            'items_wrap'        => '<ul id="%1$s" class="%2$s">%3$s</ul>',
            'depth'             => 0,
            'walker'            => ''
           )); ?>
    </nav>      

ClassAドロップダウンブートストラップ用にそれを変更するにはどうすればいいですか?

2

あなたはカスタムメニューウォーカーを書く必要があるでしょう。

ウォーカーについては このコード を参照してください。 (または「Bootstrap Menu Walker」を検索してください。)

それから:

    wp_nav_menu( array(
      'menu' => 'header',
      'menu_class' => 'nav nav-pills',
      'container' => 'nav',
      'container_class' => $classes,
      'fallback_cb' => false,
      'depth' => 2,
      'walker' => new Bootstrap_Walker_Menu_Nav(),
      'theme_location' => 'header',
      'echo' => false,
      ));
2
Vino