php - 为 wp_nav_menu 设置类

Question

如何转换：

<ul class="ulStyle">
<li class="liStyle">
<div class="first">
<div class="second">
menu1
</div>
</div>
</li>
</ul>

到 wp_nav_menu

里面的 div 和 class 太多了，谁能帮我解决这个问题？谢谢！

Answer 1

这可以使用nth-child()css中的选择器来完成

在此处查看代码笔

使用这个 CSS：

.wp_nav_menu div:nth-child(1) {

  background: blue;

}

.wp_nav_menu div:nth-child(2) {

  background: red;

}

带有以下标记：

<ul class="wp_nav_menu">
  <li>
    <div>
      Foo
    </div>
    <div>
      Bar
    </div>  
  </li>
</ul>  

Answer 2

如我所见，您正在使用可能具有 Walker 的自定义主题。在 WordPress 中，您可以使用 Walker 来修改由 wp_nav_menu 呈现的 HTML。

http://codex.wordpress.org/Function_Reference/Walker_Class

先看看有没有，一般在theme/functions.php

Answer 3

在开始使用自定义步行器之前，请使用选项before、after、link_before和。请参阅http://codex.wordpress.org/Function_Reference/wp_nav_menulink_afteritems_wrap

它将允许您更改菜单项的封装。