crailpearson/bem-walker-nav-menu

WordPress 导航菜单的 BEM 命名。

维护者

详细信息

github.com/craigpearson/bem-walker-nav-menu

主页

源代码

问题

安装次数: 2,151

依赖关系: 0

建议者: 0

安全: 0

星星: 2

关注者: 2

分支: 4

开放问题: 1

类型：软件包

3.1.1 2020-12-03 17:25 UTC

Requires

  • php: >=5.6

WTFPL a7666200d34c4f8be878f0d7b9281ba9923b1855

wordpressnavigation

This package is auto-updated.

Last update: 2024-09-16 19:29:31 UTC

README

WordPress 导航菜单的 BEM 命名。

安装

您可以手动下载并将其安装到您的插件文件夹中，或者通过 Composer 安装。

composer require craigpearson/bem-walker-nav-menu

使用

<nav class="nav">
    <?php
    wp_nav_menu([
        'walker' => new CP\BEM\navWalker,
    ]);

    // 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>

扩展类以更改 HTML 类。

<?php

class CustomWalkerNavMenu extends \CP\BEM\navWalker
{
    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';
}

许可

WTFPL