如何将Bootstrap 4导航转换为适当的wp_nav_menu()?

时间:2019-06-10 07:55:46

标签: php html wordpress bootstrap-4 wordpress-theming

我需要帮助来将我的Bootstrap菜单转换为WordPress。我不知道要在数组中传递哪些参数。我正在使用Bootstrap 4和WordPress 5.2.1。

这是我的Bootstrap导航:

  <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>

0 个答案:

没有答案