Come utilizzare wp_nav_menu per creare un menu a discesa personalizzato?

Question

Come utilizzare wp_nav_menu per creare un menu a discesa personalizzato?

7 feb 2017, 11:08:03

Visualizzazioni: 15K

Voti: 0

Nel mio template ho un menu personalizzato. Di seguito è riportato il codice HTML dello stesso. All'interno del menu c'è un menu a discesa e un tag di link.

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="category.html">Pagina Categoria</a></li>
    <li><a href="article.html">Pagina Articolo</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Categoria Tipo A <span class="caret"></span></a>
        <ul class="dropdown-menu forAnimate" role="menu">
            <li><a href="#">Categoria Uno</a></li>
            <li><a href="#">Categoria Due</a></li>
            <li><a href="#">Categoria Tre</a></li>
        </ul>
    </li>
</ul>

Ashkar

101

php menu sottomenu dropdown

Tutte le risposte alla domanda

Max Yudin 6.38K · Answer 1 · 2017-02-07T12:01:31Z

Utilizza wp_nav_menu() con i parametri appropriati per aggiungere la classe dropdown-menu forAnimate, per rimuovere il wrapper e per aggiungere l'attributo role:

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="category.html">Pagina Categoria</a></li>
    <li><a href="article.html">Pagina Articolo</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Tipo di Categoria A <span class="caret"></span></a>
        <?php wp_nav_menu(array(
            'menu'       => 'my_menu_name', // specifica il nome del menu
            'menu_class' => 'dropdown-menu forAnimate', // aggiungi classi per il dropdown
            'container'  => '', // non avvolgere il menu in <div>
            'items_wrap' => '<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>',
        ));?>
    </li>
</ul>

La parte '<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>' serve a mantenere id e class come sono e ad aggiungere l'attributo role.

Non testato, comunque.

Vedi wp_nav_menu() per maggiori informazioni.