设置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和班级，有谁可以帮我解决这个问题？谢谢！

Answer 1

这可以使用css

中的nth-child()选择器来完成

请参阅codepen here

使用此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，link_after和items_wrap。见http://codex.wordpress.org/Function_Reference/wp_nav_menu

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