向 Wordpress 菜单 ul 元素添加类

Question

我的网站使用 WordPress 外观 > 菜单 为我的导航链接创建 <ul> 和子元素。

我正在使用functions.php中的一个函数将类navbar-nav添加到<ul>元素，如下所示：

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

但是我怎样才能添加 2 个额外的类？即 nav-fill 和 w-100

我试过了，但认为它不起作用：

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

如何添加这两个额外的类？

Answer 1

要将 CSS 类添加到 WordPress 菜单，请先转到 WordPress 主题中的外观 > 菜单。

接下来，找到屏幕右上角的“屏幕选项”选项卡。单击以打开面板，然后选中标有 CSS 类的框。

如果您想将课程添加到您的菜单。

function main_menu()
{   
    wp_nav_menu( array( 'theme_location' => 'main-menu', 'container'=> false, 'menu_class'=>'nav-link nav-fill w-100'
    ) );

}

如果你想给你的菜单添加类a标签元素：

function add_class_to_all_menu_anchors( $atts ) {
    $atts['class'] = 'nav-link nav-fill w-100';

    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_class_to_all_menu_anchors', 10 );