Cum se utilizează Bootstrap Navbar în wordpress Nav Menu (WordPress, Meniuri, Twitter Bootstrap)

Lucifer Levi a intrebat.

Aici este codul meu.

<?php wp_nav_menu(array('theme_location => 'primary',)); ?>

Cum se poate formata codul din header.php-ul meu folosind bootstrap navbar? Eu folosesc bootstrap 4.3x. Sunt nou în bootstrap și wordpress și aș aprecia orice ajutor…

1 răspunsuri
joebegborg07

Deci ai adăugat codul primary locația meniului

Apoi poți adăuga meniul cu ceva de genul următoarelor linii (de preferat în header.php):

<nav id="menu-bar" class="navbar navbar-fixed-top navbar-light w-100">
                <a id="" class="navbar-brand" href="#">  
                  </a>
                  <button style="display:block;" id="responsive_hamburger" class="hamburger navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                      <span class="hamburger-box ">
                          <span class="hamburger-inner "></span>
                      </span>
                  </button>
                  <div class="collapse navbar-collapse float-right" id="navbar-content">
                          <?php $defaults=array(
                          'theme_location'    => 'primary',
                          'container_id'      => 'navbar-content',
                          'container'         => '',
                          'container_id'      => '',
                          'container_class'   => '',
                          'menu_id'           => false,
                          'menu_class'        => 'navbar-nav ml-auto',
                          'depth'             => 0,
                          'fallback_cb'       => 'class-wp-bootstrap-navwalker::fallback',
                          'walker'            => new wp_bootstrap_navwalker(),
                          'add_li_class'      => "nav-item mx-4"

                      );
                      wp_nav_menu($defaults);?>

                  </div>
                </nav>

theme_location adaugă acest meniu la locația principală a meniului.

Comentarii