将活动类应用于WordPress菜单时出现问题

时间:2019-06-19 作者:Chandrima

我正在自学wordpress,这是html模板的代码。

    <div class="collapse navbar-collapse" id="ftco-nav">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
            <li class="nav-item"><a href="about.html" class="nav-link">Who we are</a></li>
            <li class="nav-item"><a href="causes.html" class="nav-link">Causes</a></li>
            <li class="nav-item"><a href="blog.html" class="nav-link">Stories</a></li>
            <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
        </ul>
    </div>
我想把它转换成wordpress。我通过添加以下代码将其转换为wordpress:-

<?php wp_nav_menu(array( \'menu\' => \'primary\', \'container\' => \'div\', \'container_class\' => \'collapse navbar-collapse\', \'container_id\' => \'ftco-nav\', \'menu_class\' => \'navbar-nav ml-auto\', \'menu_id\' => \'\', ));?>
但问题是,如何将活动类应用于它?请有人帮我一下。

2 个回复
SO网友:MikeNGarrett

在css中更改活动类名。WordPress根据活动状态的上下文添加以下活动类:

current-menu-item, current-menu-ancestor, current-menu-parent, 和current-page-ancestor

SO网友:Chetan Vaghela

也许这对你有帮助。外接程序功能。php

function add_active_class_to_menu_item($classes, $item) {
    if (in_array(\'current-menu-item\', $classes) ){
        $classes[] = \'active \';
    }
    return $classes;
}
add_filter(\'nav_menu_css_class\' , \'add_active_class_to_menu_item\' , 10 , 2);

相关推荐

Add extra markup to WP menus

我被要求将一个HTML网站重新开发为一个WP主题,它有一个非常高级的菜单结构,我不太确定如何复制它。第二个菜单项有一个子菜单,但它不仅仅是“li”中的“ul”,还有额外的div等。。因为下拉列表有3列布局,其中2列包含子链接,第3列包含内容。这是一个示例:<ul class=\"nav navbar-nav three\"> <li class=\"dropdown yamm-fw\"> <a href=\"#\" class=\"dropdown-toggl