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