ワードプレスメニューのHTMLを編集する

Question

サブメニューを持つliにキャレットを追加する私のカスタムテーマのワードプレスのnavのデフォルトHTMLを変更したい。 デフォルトのHTMLは次のようになります。

<ul id="menu-menu" class="nav navbar-nav"> 
    <li id="menu-item-98" class="classes"><a href="#">Normal item</a></li> 

    <li id="menu-item-105" class="classes menu-item-has-children dropdown"><a href="#">Has a sub menu</a> 
     <ul class="sub-menu"> 
      <li id="menu-item-113" class="classes"><a href="#">Sub menu item</a></li> 
     </ul> 
    </li> 
</ul> 

そして、私はこのフォームでこれを変更するhavo：

<ul id="menu-menu" class="nav navbar-nav"> 
    <li id="menu-item-98" class="classes"><a href="#">Normal item</a></li> 

    <li id="menu-item-105" class="classes menu-item-has-children dropdown"> 
     <a href="#"> 
      Has a sub menu 
      <!-- ADD THIS PART --> 
      <span class="caret"></span> 
     </a> 
     <ul class="sub-menu"> 
      <li id="menu-item-113" class="classes"><a href="#">Sub menu item</a></li> 
     </ul> 
    </li> 
</ul> 

私はそれがfunction.phpにPHPでこのような何かを行うことも可能だと思いますが、私は知りませんどうやって。手伝って頂けますか？アドバイスをありがとう。

Answer 1

[表示] - > [メニュー]の下にサブメニューを追加します。

次に、Chrome/Firebugインスペクタを使用して、キャレットを追加するサブメニューのULのクラス/ IDを見つけることができます。以下のようなもので、あなたの子テーマのstyle.cssに変更：

ul .sub-menu { 
    list-style-image: url('caret.gif'); 
}