добавить интервал перед одним из выпадающего меню в WordPress

Question

У меня есть создать выпадающее меню с помощью HTML-код:

[code] 

<ul> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">About</a> 
    <ul> 
    <span class="drop-down-menu-pointer"></span> 
    <ul> 
     <li><a href="#" >a</a></li> 
     <li><a href="#">b</a></li> 
     <li><a href="#">c</a></li> 
    </ul> 
    </ul> 
    </li> 
</ul> 
[/code] 

Я хочу, чтобы преобразовать его в навигационном меню WordPress, но у меня возникли проблемы с созданием " span tag ", используя меню wordpress. Может ли какой-то орган помочь мне в этом?

Answer 1

Wordpress создает меню в том, что выглядеть следующим образом:

<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 для всех вариантов, может быть, что-то вам поможет.