Gewusst wie: anpassen von wp-bootstrap-navwalker in wordpress

Ich versuche, wp-bootstrap-navwalker anpassen, meine navigation.

hier ist das Beispiel meiner aktuellen statischen code

<div class="collapse navbar-collapse">
  <ul class="navbar-nav nav navbar-right">
    <li><a class="menu" href="index-2.html">home</a></li>
    <li><a class="menu" href="#">travel</a></li>
    <li><a class="menu" href="#">lifestyle</a></li>
    <li><a class="menu" href="about.html">about me</a></li>
    <li><a class="last-menu" href="contact.html">contact</a></li>
 </ul>
</div>

Ich bin über das wp-bootstrap-navwalker zu machen, dynamische 

 wp_nav_menu( array(
    'menu'              => 'primary',
    'theme_location'    => 'primary',
    'depth'             =>  2,
    'container'         => 'div',
    'container_class'   => 'collapse navbar-collapse',
    'menu_class'        => 'nav navbar-nav navbar-right',
    'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
    'walker'            => new wp_bootstrap_navwalker())
);

Ist einwandfrei in Ordnung. Nun habe ich ein problem, Dass ich menu Klasse in meinem <a class="menu">home</a>. Wie kann ich menu Klasse in meinem Anker-Tags, wenn diese Daten kommt dynamisch. Gibt es eine Möglichkeit, dass wir können dieses wp_nav_menu(array( )); ?

  • Ist wp_bootstrap_navwalker() überschreiben der start_el Methode?
InformationsquelleAutor Daniel | 2017-01-11
  1. 2

    WordPress Weg wäre hinzuzufügen 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', zu wp_nav_menu(array( )) dann müssen Sie spezielle Klasse für benutzerdefinierte nav-Elemente und normale links posten. Dann können Sie target Sie vom CSS.
    Nützliche link: wp_nav_items css

    Andernfalls müssen Sie ändern: wp_bootstrap_navwalker

    InformationsquelleAutor Ruhul Amin
  2. 0

    bin ich diesen code verwenden 

     <header>
      <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
  <a class="navbar-brand" href="#">Top navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarCollapse">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
      </li>
    </ul>

  </div>

    und ich verwende das wp-bootstrap-navwalker zu machen, dynamische

     <?php
  wp_nav_menu( array(
            'menu'              => 'top',
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => 'collapse navbar-collapse',
            'container_id'      => 'navbarCollapse',
            'menu_class'        => 'navbar-nav mr-auto',
            'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
            'walker'            => new WP_Bootstrap_Navwalker())
        );

  ?>

    aber es nie angezeigt wird in dem Beispiel gezeigt in getbootstrap

    InformationsquelleAutor Ammar.Dev
Schreibe einen Kommentar