wp_bootstrap_navwalkerモバイルメニューの問題

Question

私はhtmlからワードプレスのウェブサイトを作っています。私はwp_bootstrap_navwalker.phpを使ってドロップダウンメニューを作成しています。私は成功し、そのメニューを作成して、それがラップトップやデスクトップ上にきれいに来ていますが、ときには、モバイルやタブレットでそれが.htmlファイルに

を来ていたのに、このメニューはここで、来ていない私のHTMLコードは次のとおりです。

<div class="collapse navbar-collapse" id="bs-megadropdown-tabs"> 
    <ul class="nav navbar-nav nav_1"> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="about.html">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Matches<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="matches.html">New Matches</a></li> 
      <li><a href="viewed-profile.html">Who Viewed my Profile</a></li> 
      <li><a href="viewed-not_contacted.html">Viewed & not Contacted</a></li> 
      <li><a href="members.html">Premium Members</a></li> 
      <li><a href="shortlisted.html">Shortlisted Profile</a></li> 
      </ul> 
     </li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Search<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="search.html">Regular Search</a></li> 
      <li><a href="profile.html">Recently Viewed Profiles</a></li> 
      <li><a href="search-id.html">Search By Profile ID</a></li> 
      <li><a href="faq.html">Faq</a></li> 
      <li><a href="shortcodes.html">Shortcodes</a></li> 
      </ul> 
     </li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Messages<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="inbox.html">Inbox</a></li> 
      <li><a href="inbox.html">New</a></li> 
      <li><a href="inbox.html">Accepted</a></li> 
      <li><a href="sent.html">Sent</a></li> 
      <li><a href="upgrade.html">Upgrade</a></li> 
      </ul> 
     </li> 
     <li class="last"><a href="contact.html">Contacts</a></li> 
    </ul> 
</div> 

そして、ここで私は1

<div class="collapse navbar-collapse" id="bs-megadropdown-tabs"> 
    <?php 
     wp_nav_menu(array(
      'menu'    => 'primary', 
      'theme_location' => 'primary', 
      'depth'    => 2, 
      'container'   => 'div', 
      'container_class' => 'collapse navbar-collapse', 
      'container_id'  => 'bs-example-navbar-collapse-1', 
      'menu_class'  => 'nav navbar-nav nav_1', 
      'fallback_cb'  => 'WP_Bootstrap_Navwalker::fallback', 
      'walker'   => new WP_Bootstrap_Navwalker()) 
     ); 
    ?> 
</div> 

上記のhtmlに置き換えたコードで来ていない理由を私は知らないのですか？

Answer 1

bootsrap関数をこの関数に置き換える必要があります。

<?php 
     wp_nav_menu(array(
      'menu'    => 'primary', 
      'theme_location' => 'primary', 
      'depth' => 0, 
     'container' => 'false', 
      'menu_class'  => 'nav navbar-nav nav_1', 
      'fallback_cb'  => 'WP_Bootstrap_Navwalker::fallback', 
      'walker'   => new WP_Bootstrap_Navwalker()) 
     ); 
    ?> 

コードには、コンテナが追加されているため、目的のメニューが正しく表示されませんでした。これがあなたに役立つことを願っています。 :)