的WordPress：自定义菜单，上<a>标签

Question

我使用WordPress的一个CSS框架和一个自定义菜单中添加类 “当前菜单项”：

<?php 
     $menuParameters = array(
      'theme_location' => 'menu-1', 
      'menu_id' => 'primary-menu', 
      'container'  => false, 
      'echo'   => false, 
      'items_wrap'  => '%3$s', 
      'depth'   => 0, 
     ); 

     $output = strip_tags(wp_nav_menu($menuParameters),'<a>'); 
     $output = preg_replace('/<a/', '<a class="nav-item"', $output); 
     echo $output;  
     ?> 

结果：

<div class="nav-right nav-menu"> 
<a class="nav-item" href="/">Page1</a> 
<a class="nav-item" href="/"> Page2</a> 
<a class="nav-item" href="/"> Page3</a> 
    </div> 

什么我想：（如果我在页面上“第2页”）

<div class="nav-right nav-menu"> 
<a class="nav-item" href="/">Page1</a> 
<a class="nav-item current-menu-item" href="/"> Page2</a> 
<a class="nav-item" href="/"> Page3</a> 
    </div> 

我不觉得钩，walker_menu，或其他解决方案添加一个类上当前菜单（例如原始Wordpress菜单上的“当前菜单项”）

任何想法？

谢谢！

Answer 1

当活动时你想使用不同类的原因是什么？你可以使用:active

见：https://www.w3schools.com/cssref/sel_active.asp

然后你的CSS是这样的：

.nav-item :active{ background:yellow;} 

Answer 2

尝试像下面

添加到您的$menuParameters的current ARG。

$menuParameters = array(
      'theme_location' => 'menu-1', 
      'menu_id'  => 'primary-menu', 
      'container'  => false, 
      'current'  => max(1, get_query_var('paged')), // added this 
      'echo'   => false, 
      'items_wrap'  => '%3$s', 
      'depth'   => 0, 
     ); 

    $output = strip_tags(wp_nav_menu($menuParameters),'<a>'); 

    $output = preg_replace('/<a/', '<a class="nav-item"', $output); 

    $output = preg_replace('/current', 'current-menu-item', $output); // added this 

    echo $output;  
    ?> 

如果不工作，发挥一点与$output的第二preg_replace或删除它，只是指活动项目时，它刚刚类current而不是current-menu-item。如果你删除它，我会预期以下结果：

<div class="nav-right nav-menu"> 
    <a class="nav-item" href="/">Page1</a> 
    <a class="nav-item current" href="/"> Page2</a> 
    <a class="nav-item" href="/"> Page3</a> 
</div>