ivanpmartell/wp-bootstrap-navwalker

一个自定义WordPress导航遍历类,用于在自定义主题中完全实现Bootstrap 4导航样式,同时使用WordPress内置菜单管理器。

v4.2.2 2019-09-05 08:20 UTC

README

安装

要安装,请在基于Sage9的主题目录中运行以下命令

composer require "ivanpmartell/wp-bootstrap-navwalker"

在你的 'header.blade.php' 文件中

<header class="header">
  <nav class="navbar navbar-expand-md navbar-dark bg-dark" role="navigation">
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button>
    <a class="navbar-brand" href="#">brand</a>
      <?php
      wp_nav_menu( array(
        'theme_location'    => 'primary_navigation',
        'depth'             => 2,
        'container'         => 'div',
        'container_class'   => 'collapse navbar-collapse',
        'container_id'      => 'bs-example-navbar-collapse-1',
        'menu_class'        => 'nav navbar-nav',
        'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
        'walker'            => new WP_Bootstrap_Navwalker(),
      ) );
      ?>
    </div>
  </nav>
</header>

你可能需要为切换器添加fontawesome条

yarn add @fortawesome/fontawesome-free-solid