Question

我的网站使用WordPress 外观＆gt;菜单 为我的导航链接创建<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菜单，首先转到外观＆gt; WordPress主题中的菜单。

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

如果要将菜单添加到菜单中。

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 );

将类添加到Wordpress菜单ul元素

1 个答案: