Я создаю пользовательскую тему Wordpress, используя стартовую тему _Underscores. Я также использую Bootstrap в качестве front-end framework.
Я хотел бы изменить wp_nav_menu так, чтобы он назначил текущий пункт меню class= "active" вместо class= "current-menu-item" (по умолчанию). Или, возможно, по крайней мере назначает оба этих класса. Мне нужно это, чтобы использовать .active класс из bootstrap.css.
Вот пример того, что у меня (все эти классы созданы с помощью wp, прокрутите, чтобы узнать, что я имею в виду):
<ul id="menu-main-menu" class="nav navbar-nav">
<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13 current_page_item menu-item-14"><a href="">item1</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a href="">item2</a></li>
</ul>
И вот что мне нужно:
<ul id="menu-main-menu" class="nav navbar-nav">
<li id="menu-item-14" class="active menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13 current_page_item menu-item-14"><a href="">item1</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a href="">item2</a></li>
</ul>
Я бы предпочел сделать это правильно - не хочу ничего менять в..wp-includes/nav-menu-template.php, не хочу также использовать js.
Ну, я нашел ответ перед отправкой этого вопроса (все было готово, почему он все еще сформирован так, как будто я все еще ищу ответ), но мне было довольно трудно найти его, поэтому я решил опубликуйте его как QA. Надеюсь, кто-то найдет это полезным.