質問: wp_nav_menu()、<li>クラスを変更するにはどうすればいいですか? 私は自分のウェブサイト用のメニューを作っています。静的は次のようになります。<nav> <ul id="menu"> <li class="item_1"><a href="#">item 1</a></li> <li class="item_2"><a href="#">item 2</a></li> <li class="item_3"><a href="#">item 3</a></li> <li class="item_4"><a href="#">item 4</a></li> <li class="item_5"><a href="#">item 5</a></li> <li class="item_6"><a href="#">item 6</a></li> <li class="item_7"><a href="#">item 7</a></li> <li class="item_8"><a href="#">item 8</a></li> </ul> 私は<ul>タグをどのようにカスタマイズして自動の<div>タグを取り除くかを理解することができました。しかし今、私は<li>タグをカスタマイズして、cssを通して特定の振る舞いを制御するために異なるclass名を割り当てることができるようにしたいです。 wp_nav_menu()を使用すると、出力は次のようになります。 <ul id="menu"> <li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111"><a href="http://mydomain.com/dummy/fashion/">fashion</a></li> <li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112"><a href="http://mydomain.comdummy/documentary/">documentary</a></li> <li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://mydomain.com/dummy/events/">events</a></li> <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://mydomain.com/dummy/portraits/">portraits</a></li> </ul> <li>タグ内のidを取り除き、リンクしたいページの名前を反映するようにclassを変更します。基本的に私はこの記事のコードの最初の断片と同じものを出力したいと思います。私がこれをしているのは、私のcssがプレーンテキストを挿入したもので制御されているカスタムイメージを使っているからです。これは可能ですか?この問題を解決するためにどのような戦略を使うべきですか?
回答: 最後のポスターで述べたように、画面オプションでチェックされているcssクラスを使用して、 appearance> menu を使用して独自のクラスを追加できます。ウォーカーでは、そこから入力した内容にアクセスできます。$item_output .= '<a'. $attributes .' class="'. $item->classes[0].'">'; メニューに名前の付いた画像を追加するためにこれを使ったこともあります - ちょっとした欠点ですが、うまくいきます。<img src="theme/images/navigation/'.$item->classes[0].'" width="48" height="48">