Как я могу преобразовать навигацию Bootstrap 4 в правильный wp_nav_menu ()? - PullRequest
Новая
       35

Как я могу преобразовать навигацию Bootstrap 4 в правильный wp_nav_menu ()?

0 голосов
/ 10 июня 2019

Мне нужна помощь, чтобы конвертировать мое меню начальной загрузки для WordPress. Я не знаю, какие аргументы должны быть переданы в массиве. Я использую Bootstrap 4 и WordPress 5.2.1.

Итак, вот мой Bootstrap nav: 

  <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
        <a class="navbar-brand mr-auto" href="index.html"><img src="img/LOGO.svg" width="146
          " alt=""></a>
          <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
      <div class="collapse navbar-collapse row no-gutters" id="navbarResponsive">
        <ul class="navbar-nav col-lg-10 justify-content-center">
          <li class="nav-item">
            <a class="nav-link" href="#carouselExampleIndicators">Accueil</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#quiSuisJe">Quis suis-je</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#meContacter">Me Contacter</a>
          </li>
        </ul>
        <div class="navbar-nav col-lg-2">
          <div class="nav-item w-75 ml-auto d-flex justify-content-between"">
            <a class="" href="#">
              <i class="fa fa-language" aria-hidden="true"></i>
            </a>
            <a class="" href="#">
              <i class="fa fa-youtube-play" aria-hidden="true"></i>
            </a>
            <a class="" href="#">
              <i class="fa fa-facebook-square" aria-hidden="true"></i>
            </a>
            <a class="" href="#">
                <i class="fa fa-instagram" aria-hidden="true"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </nav>
...