Cum să folosești wp_nav_menu pentru a crea un meniu derulant personalizat?

7 feb. 2017, 11:08:03
Vizualizări: 15K
Voturi: 0

În template-ul meu am un meniu personalizat. Mai jos este codul HTML pentru acesta. În interiorul meniului se află un meniu derulant și un tag de link.

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Acasă</a></li>
    <li><a href="category.html">Pagina de Categorii</a></li>
    <li><a href="article.html">Pagina de Articole</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Categoria Tip A <span class="caret"></span></a>
        <ul class="dropdown-menu forAnimate" role="menu">
            <li><a href="#">Categoria Unu</a></li>
            <li><a href="#">Categoria Doi</a></li>
            <li><a href="#">Categoria Trei</a></li>
        </ul>
    </li>
</ul>
0
Toate răspunsurile la întrebare 1
0

Folosește wp_nav_menu() cu parametrii corecți pentru a adăuga clasa dropdown-menu forAnimate, pentru a elimina wrapper-ul și pentru a adăuga atributul role:

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Acasă</a></li>
    <li><a href="category.html">Pagina de Categorii</a></li>
    <li><a href="article.html">Pagina de Articol</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Categoria Tip A <span class="caret"></span></a>
        <?php wp_nav_menu(array(
            'menu'       => 'my_menu_name', // specifică numele meniului
            'menu_class' => 'dropdown-menu forAnimate', // adaugă clasele pentru dropdown
            'container'  => '', // nu încadra meniul în <div>
            'items_wrap' => '<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>',
        ));?>
    </li>
</ul>

Partea '<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>' are scopul de a păstra id și class așa cum sunt și de a adăuga atributul role.

Netestat, totuși.

Vezi wp_nav_menu() pentru mai multe informații.

7 feb. 2017 12:01:31