Блог

У меня есть этот HTML-код в моем главном меню: index.html

 <nav>
    <ul id="mainmenu" class="nav">
        <li>
            <a class="active" href="#">Home</a>
        </li>
        <li>
            <a href="#section-services">Services</a>
        </li>
     </ul>
</nav>
  

Я пытаюсь добавить класс «active» в ссылку активного меню.

Я попробовал следующее functions.php

 add_filter('nav_menu_css_class', 'special_nav_class', 10, 2);
    function special_nav_class($classes, $item){
        if (in_array('current_menu_item', $classes)){
            $classes[] = 'active';
        }
return $classes;
}
  

header.php

 <nav>
    <?php
        wp_nav_menu(
            array(
            'theme_location'=> 'top_menu',
            'menu' => 'main-menu',
            'container' => 'nav',
            'menu_id' => 'mainmenu',
                  )
       );
    ?>
</nav>
  

Результат выглядит следующим образом:
Поэтому я не хочу, чтобы он появлялся

Я хочу, чтобы он выглядел так: Меню, которое я хочу