Cómo usar wp_nav_menu para crear un menú desplegable personalizado

Question

Cómo usar wp_nav_menu para crear un menú desplegable personalizado

7 feb 2017, 11:08:03

Vistas: 15K

Votos: 0

En mi plantilla tengo un menú personalizado. A continuación se muestra el código HTML para él. Dentro del menú hay un menú desplegable y una etiqueta de enlace.

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Inicio</a></li>
    <li><a href="category.html">Página de Categoría</a></li>
    <li><a href="article.html">Página de Artículo</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Categoría Tipo A <span class="caret"></span></a>
        <ul class="dropdown-menu forAnimate" role="menu">
            <li><a href="#">Categoría Uno</a></li>
            <li><a href="#">Categoría Dos</a></li>
            <li><a href="#">Categoría Tres</a></li>
        </ul>
    </li>
</ul>

Ashkar

101

php menús submenú desplegable

Todas las respuestas a la pregunta

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

Usa wp_nav_menu() con los parámetros adecuados para agregar la clase dropdown-menu forAnimate, eliminar el contenedor y añadir el atributo role:

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Inicio</a></li>
    <li><a href="category.html">Página de Categoría</a></li>
    <li><a href="article.html">Página de Artículo</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Categoría Tipo A <span class="caret"></span></a>
        <?php wp_nav_menu(array(
            'menu'       => 'my_menu_name', // especifica el nombre del menú
            'menu_class' => 'dropdown-menu forAnimate', // agrega clases para el dropdown
            'container'  => '', // no envuelvas el menú en <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>' está diseñada para mantener el id y la clase como están y añadir el atributo role.

No probado, sin embargo.

Consulta wp_nav_menu() para más información.