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 とクラスが多すぎます。この問題の解決を手伝ってくれる人はいますか?ありがとう!

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

カスタム ウォーカーを開始する前に、オプションbefore、after、link_before、link_afterおよび を使用しますitems_wrap。http://codex.wordpress.org/Function_Reference/wp_nav_menuを参照してください

メニュー項目のカプセル化を変更できます。

Answer 3

ご覧のとおり、おそらく Walker を持つカスタム テーマを使用しています。WordPress では、Walker を使用して、wp_nav_menu によってレンダリングされる HTML を変更できます。

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

まず、通常は theme/functions.php に存在するかどうかを確認します。