Как создать меню Navbar с помощью Bootstrap 4 в Wordpress?

Question

У меня возникают проблемы при получении обновленной разметки Bootstrap 04 в меню WordPress. Вот меню, которое я использую. До тега li вставка класса в тег li - это нормально.

Пожалуйста, дайте мне знать, как добавить класс к тегу привязки (<a>). Нужно ли использовать фильтр или есть простой способ?

        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Features</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Pricing</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Dropdown link
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
        </ul>

Заранее спасибо

Answer 1

добавить класс в li в меню, он только добавляет класс в меню заголовка, как показано ниже в if( $args->menu == 'header' )

function add_classes_on_li($classes, $item, $args) {
    if( $args->menu == 'header' ) {
        $classes[] = 'nav-item';
    }
    return $classes;
}

add_filter('nav_menu_css_class','add_classes_on_li',1,3);

добавить класс к 'a' в меню

function add_link_atts($atts) {
    $atts['class'] = "nav-link";
    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_link_atts');

Answer 2

Если вы хотите добавить класс в wp_nav_menu, используя функции hook:

function add_link_atts($atts) {
$atts['class'] = "nav-link";
return $atts;
}

add_filter( 'nav_menu_link_attributes', 'add_link_atts');