Question

我在Wordpress“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;
 }

它将“active”类添加到我的导航项。问题是为我的所有链接添加“活动”。这样做的原因是因为它是一个页面布局。

我需要找到一种方法，只让我点击的项目说出活动状态。不是所有的人。这样我就可以将活动菜单项的样式设置为与其他项不同的颜色。

有没有办法只将“活动”添加到我点击的链接？任何帮助都会非常感谢！

这是我的输出：

  <ul id="menu-menu-2" class="sf-menu sf-js-enabled" style="touch-action: pan-y;">
    <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-7 active"><a href="http://blacklabrador.wpengine.com/">Home</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-46 active"><a href="http://blacklabrador.wpengine.com/#the-black-labrador">The Black Labrador</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-47 active"><a href="http://blacklabrador.wpengine.com/#charleys">Charley’s</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-48 active"><a href="http://blacklabrador.wpengine.com/#private-events">Private Events</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-49 active"><a href="http://blacklabrador.wpengine.com/#hungry-gallery">Gallery</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-50 active"><a href="http://blacklabrador.wpengine.com/#contact">Contact</a></li>
  </ul>

将“Active”类添加到单页Wordpress站点顶部菜单

0 个答案: