2017-09-15 6 views
0

html navにjsがあり、いくつかのクラスが設定されていて、wordpressに転送できないという問題があります。wp_nav_menuでブートストラップnavをwordpressに変換しようとしています

オリジナル

私が持っているもの
<div class="collapse navbar-collapse" id="navbarResponsive"> 
    <ul class="navbar-nav ml-auto"> 
     <li class="nav-item"> 
      <a class="nav-link js-scroll-trigger" href="#services">Services</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link js-scroll-trigger" href="#about">About</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link js-scroll-trigger" href="#team">Team</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link js-scroll-trigger" href="#contact">Contact</a> 
     </li> 
    </ul> 
</div> 

これまで

WordpressのPHPあなたが全体のテーマを確認する必要がある場合は

$defaults = array(
    'container' => 'ul', 
    'theme_location' => 'primary-menu', 
    'menu_class' => 'navbar-nav ml-auto' 

); 

wp_nav_menu($defaults); 

https://startbootstrap.com/template-overviews/agency/

答えて

0

次のコードは、あなたを取得しますあなたが質問に含めた全体のメニューマークアップ。 lia項目について

<?php 
    $defaults = array(
     'container' => 'div', 
     'container_id' => 'navbarResponsive', 
     'container_class' => 'collapse navbar-collapse', 
     'theme_location' => 'primary-menu', 
     'menu_class' => 'navbar-nav ml-auto' 
); 

    wp_nav_menu($defaults); 
?> 

クラスがまだの世話をする必要があります。カスタムnav_walkerを使用することができます。

関連する問題