JM
jmslbam/bem-walker-nav-menu
BEM naming for WordPress navigation menus.
BEM Walker Nav Menu
BEM naming for WordPress navigation menus.
Installation
You can manually download it and install it in your plugins folder or install it via Composer:
composer require benjamincrozat/bem-walker-nav-menuUsage
<nav class="nav">
<?php
wp_nav_menu([
'walker' => new BC\WordPress\BEMWalkerNavMenu,
]);
// Will generate:
// <ul id="..." class="nav__list">
// <li class="nav__item ... nav__item--123">
// <a href="..." class="nav__link">...</a>
// <ul class="sub-nav">
// <li class="sub-nav__item">
// ...
?>
</nav>Extend the class to change the HTML classes.
<?php
class CustomWalkerNavMenu extends \BC\WordPress\BEMWalkerNavMenu
{
protected $prefix = 'c';
protected $navListClass = 'menu__list';
protected $navItemClass = 'menu__item';
protected $navLinkClass = 'menu__link';
protected $subNavClass = 'sub-menu';
protected $subNavItemClass = 'sub-menu__item';
protected $subNavLinkClass = 'sub-menu__link';
}