Pregunta sobre Developing with WordPress de Wordpress:

Agregar un menú desplegable a WordPress

Un usuario preguntó 👇

Hola,

Personalizo una plantilla html para un tema de wordpress. Necesito ayuda para hacer un menú desplegable. Aquí está mi código html con submenú de ejemplo:

<nav>
                            <ul class="header-bottom-list d-flex">
                                <li class="active"><a class="drop-icon" href="#">Home</a>
                                    <!-- Home Version Dropdown Start -->
                                    <ul class="ht-dropdown">
                                        <li><a href="#">Home Version 1</a></li>
                                        <li><a href="#">Home Version 2</a></li>
                                    </ul>
                                    <!-- Home Version Dropdown End -->
                                </li>
</ul>

Así es como WordPress hace mi código:

<nav class="menu-menu-principal-container"><ul id="menu-menu-principal-1" class="header-bottom-list d-flex"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-6 current_page_item menu-item-has-children menu-item-30"><a href="http://localhost/ap3e/">Home</a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="http://localhost/ap3e/contact/">Home version 1</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://localhost/ap3e/la-boutique/">Shop</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://localhost/ap3e/actualites/">News</a></li>
</ul></nav>

¿Cómo modifico CSS para configurar este menú desplegable? Gracias.

Lanzador de hilos

(@fredericbdr)

Hace 2 años, 8 meses

Lo siento, aquí está mi código php de encabezado para mi menú:

<nav>
                                       <?php
                                        wp_nav_menu(
                                            array(
                                                'theme_location' => 'menu-1',
                                                'depth' => 2,
                                                'container' 	 => 'nav',
                                                'container_class' => 	''
                                            )
                                        );
                                        ?>
                           </nav>

(@bcworkz)

Hace 2 años, 8 meses

No puede obtener un menú desplegable real con la estructura ul / li, el menú desplegable real usa estructuras seleccionadas / de opciones. Muchos temas receptivos generan una caída de ersatz a partir de estructuras ul / li. AFAIK, también se requieren algunas secuencias de comandos. No creo que sea posible una solución CSS pura. Aunque antes estaba equivocado.

Puede consultar uno de los veinte temas predeterminados * para ver ejemplos de cómo crear listas desplegables sustitutos para las estructuras de menú ul / li. Utilice el inspector de CSS de su navegador para averiguar qué CSS se utiliza en el modo de emulación móvil. Vea también cualquier script JS que cargue el tema, estoy seguro de que también hay un script relacionado con el menú.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *