我正在使用一个起始主题_Underscores和Bootstrap来创建自定义的WordPress主题。
我想修改wp_nav_menu
,以便将当前菜单项分配为.active
类,而不是默认的.current-menu-item
类。我需要这样做才能使用Bootstrap的.active
类。
这是我的代码(额外的内容来自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,希望能节省别人的时间。
.current-menu-item a
元素添加 'active' 类? - Fatih Toprak