BEM naming for WordPress navigation menus.
You can manually download it and install it in your plugins folder or install it via Composer:
composer require benjamincrozat/bem-walker-nav-menu<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';
}