Question

我在WordPress中创建一个主题。如果用户在该页面上，我想向<li>元素添加一个类。

我已设法使用header.php中的以下代码创建动态导航：

<div class="nav">
    <?php wp_nav_menu( array( 'theme_location' => 'nav-menu' ) ); ?>
</div>

以HTML格式转换为：

<div class="nav">
   <ul>
      <li> Home </li>
      <li> Products </li>
      <li> About </li>
   </ul>
</div>

我希望动态改变这一点。如果用户在www.website.com/about上，则导航将更改为：

   <div class="nav">
       <ul>
          <li> Home </li>
          <li> Products </li>
          <li class="underline"> About </li>
       </ul>
    </div>

Answer 1

根据文档，当前页面项应该已经有一个类.current-menu-item。您可以使用它来设置带下划线的项目的样式。你没看到这堂课吗？

http://codex.wordpress.org/Function_Reference/wp_nav_menu#Current-Page_Menu_Items

将类添加到WordPress中的菜单项

1 个答案: