워드 프레스 메뉴의 HTML 편집

Question

하위 메뉴가있는 li에 캐럿을 추가하는 내 사용자 정의 테마에서 wordpress 's 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에는 수정 : 이미 간단한 요소를 추가 자바 스크립트 나 CSS를 사용할 수 있지만 PHP는 방법으로해야합니다, 그래서 나는 또한 더 복잡한 요소를 원하기 때문에이 솔루션이

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