編輯wordpress菜單的HTML

Question

我想在我的自定義主題中更改wordpress導航的默認HTML，在li中添加一個具有子菜單的插入符號。 默認的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> 

我認爲這是有可能做這樣的事情在PHP中function.php，但我不知道怎麼樣。你可以幫我嗎？謝謝你的建議。

Answer 1

在外觀 - >菜單下添加您的子菜單。

然後，您可以使用Chrome/Firebug檢查器爲要添加插入符的子菜單找到UL的類/標識。修改你的子主題的style.css中的東西，如下列：

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