ivanpmartell / wp-bootstrap-navwalker
一个自定义WordPress导航遍历类,用于在自定义主题中完全实现Bootstrap 4导航样式,同时使用WordPress内置菜单管理器。
v4.2.2
2019-09-05 08:20 UTC
Requires
- php: >=5.3.2
- composer/installers: ~1.0
Requires (Dev)
- stevegrunwell/wp-enforcer: ^0.5.0
This package is not auto-updated.
Last update: 2024-09-27 09:14:28 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