나는 HTML 코드를 사용하여 드롭 다운 메뉴를 만들 수 있습니다

Question

워드 프레스

에서 드롭 다운 메뉴 중 하나 전에 범위를 추가 span 태그 "를 사용합니다. 어떤 시체가 이것으로 나를 도울 수 있습니까?

Answer 1

워드 프레스 메뉴의 다음과 같이 그 작성

<ul id="main-menu" class="menu"> 
    <li id="menu-item-1234" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-33 current_page_item menu-item-1234"> 
     <a href="http://www.site.nl/">home</a> 
    </li> 
    <li id="menu-item-1235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1235"> 
     <a href="http://www.site.nl/cursussen/">cursussen</a> 
     <ul class="sub-menu"> 
     <li id="menu-item-1244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1244"> 
       <a href="http://www.site.nl/cursussen/">cursus overzicht</a> 
      </li> 
     <li id="menu-item-1237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1237"> 
       <a href="http://www.site.nl/maatwerk/">maatwerk</a> 
      </li> 
     </ul> 
    </li> 
    <li id="menu-item-1238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1238"> 
     <a href="http://www.site.nl/nieuws/">tips en tricks</a> 
    </li> 
</ul> 

당신이 당신의 스팬이하고 싶은 일을하기 위해 여기에 따라 달라질 수 있습니다 클래스와 구조의 많음이있다. 예를 들어 다음과 같은 CSS를 사용하면 다음과 같이 나타납니다.

ul li ul { 
    /*drop-down-menu-pointer styling here, for example, if 
     your main menu has a height of 20 px, this might work*/ 

    top: -20px; 
    padding-top: 20px; 
    background-image: url('arrowurl.jpg'); 
    background-position: top right; 
    background-repeat: no-repeat; 

    /* And you might have to do something with the position attribute */ 
} 

짐작할 수 있겠지만 거기에 도착해야합니다. 또한 모든 옵션에 대해 http://codex.wordpress.org/Function_Reference/wp_nav_menu을 조사하십시오. 아마도 도움이 될만한 것이있을 것입니다.