Cómo crear un menú desplegable en WordPress (Guía para principiantes)

¿Quiere hacer un menú desplegable y agregarlo a su sitio web de WordPress?

El menú desplegable muestra una lista de enlaces mientras mantiene presionado el elemento del menú.

Usamos el menú desplegable de AprenderWP, continuamos y mantenemos el mouse sobre el menú de navegación en la parte superior.

En esta guía para principiantes, le mostraremos cómo crear fácilmente un menú desplegable en WordPress con instrucciones paso a paso.

¿Por qué usar menús desplegables en WordPress?

WordPress viene con un sistema de administración de menú incorporado que le permite agregar fácilmente menús de navegación a su sitio de WordPress.

Los menús de navegación son enlaces a las páginas principales de su sitio web, que generalmente se muestran en la parte superior como una línea horizontal justo al lado del logotipo del sitio web.

Si inicia un blog o crea un sitio web con solo unas pocas páginas, puede agregarlas en una línea.

Sin embargo, si tiene una tienda en línea o un sitio web grande, es posible que desee agregar más enlaces al menú de navegación.

Los menús desplegables lo ayudan a resolver el problema del espacio limitado al mostrar los enlaces del menú solo cuando los usuarios mueven el mouse sobre un elemento principal. También te permiten organizar la estructura del menú por tema o jerarquía.

Finalmente, también se ven bastante bien.

Con eso en mente, ahora veamos cómo puede crear fácilmente menús desplegables de WordPress y agregarlos a su sitio web.

Videotutorial

Si no te gusta el video o necesitas más instrucciones, sigue leyendo.

Paso 1. Seleccione un tema con soporte de menú desplegable

WordPress viene con un sistema de administración de menús incorporado, pero la visualización de estos menús depende completamente de su tema de WordPress.

Casi todos los temas de WordPress admiten menús desplegables de forma predeterminada, pero es posible que algunos temas no tengan el soporte de menú adecuado.

Debe asegurarse de utilizar un tema de WordPress que admita menús desplegables.

¿Cómo sabes si el tema que estás usando es compatible con el menú desplegable?

Simplemente puede visitar el sitio web del tema donde encontrará un enlace a la demostración del tema. Desde allí, puede ver si la demostración muestra un menú desplegable en el menú de navegación.

De lo contrario, deberá encontrar un tema de WordPress que lo haga.

Consulte nuestra guía sobre cómo elegir el tema de WordPress perfecto para su sitio web.

Aquí hay algunos temas geniales que mantienen el menú desplegable fuera de la caja.

• Astra: este es un tema de WordPress multifuncional que viene con varios sitios de inicio y muchas funciones.
• Temas de StudioPress: construidos sobre el marco de trabajo de Genesis, estos temas profesionales están altamente optimizados para el rendimiento.
• OceanWP: un popular tema de WordPress que es adecuado para todo tipo de sitios web.
• Ultra: impulsado por el constructor Themify, este tema de arrastrar y soltar de WordPress viene con hermosas plantillas y opciones de temas flexibles.
• Divi: un tema popular de Elegant Themes, que utiliza el generador de páginas Divi y viene con muchas funciones de arrastrar y soltar, incluidos los menús desplegables.

Con eso en mente, ahora veamos cómo crear un menú desplegable de WordPress.

Paso 1. Crea un menú de navegación en WordPress

Si ya ha configurado un menú de navegación en su sitio web, puede continuar con el siguiente paso.

Primero creemos un menú simple.

Ir Apariencia »Menús página y haga clic en el enlace "Crear un nuevo menú" en la parte superior.

A continuación, debe proporcionar un nombre para su menú de navegación. Este nombre no será visible públicamente en su sitio web. El propósito del nombre del menú es ayudarlo a identificar el menú en el área administrativa de WordPress.

Ingrese un nombre para su menú y luego haga clic en el botón Crear menú.

WordPress creará un nuevo menú en blanco para ti.

Agreguemos los enlaces anteriores al menú de navegación. Estos elementos aparecerán en la fila superior de su menú.

Simplemente seleccione las páginas que desea agregar de la columna izquierda y haga clic en el botón "Agregar al menú". También puede seleccionar publicaciones de blog, categorías o agregar enlaces personalizados.

Ahora verá que estas páginas aparecen en la columna derecha debajo de su nuevo menú.

Paso 2. Agregue subelementos al menú

Los subelementos son los elementos que se mostrarán en el menú desplegable. Dependiendo de cómo desee organizar sus menús, puede agregarlos debajo de cada uno de los elementos existentes.

En el nombre de este tutorial, agregaremos categorías debajo del enlace al blog.

Simplemente seleccione los elementos que desea agregar de la columna izquierda y luego haga clic en el botón "Agregar al menú". Sus elementos aparecerán ahora en la columna de la derecha.

Sin embargo, estos enlaces se mostrarán como elementos normales, por lo que debemos convertirlos en un subelemento del menú principal.

Simplemente puede arrastrar y soltar un elemento del menú y colocarlo debajo del elemento principal. Muévalo ligeramente hacia la derecha y se convertirá en un subelemento.

Repita el proceso para todos los enlaces que desee mostrar en el menú desplegable.

Cuando haya terminado, asegúrese de hacer clic en el botón "Guardar menú" para guardar los cambios.

Paso 3. Publica tu menú desplegable

Si edita un menú que ya está activo en su sitio web, comenzará a aparecer inmediatamente en su sitio web.

Sin embargo, si se trata de un elemento de menú nuevo, ahora debe seleccionar una ubicación de tema para mostrar este menú.

Los temas de WordPress pueden mostrar menús en diferentes lugares. Cada tema define sus propias ubicaciones de menú, y puede elegir qué menú desea mostrar allí.

Encontrará esta opción en la columna de la derecha debajo de "Configuración del menú". Seleccione una opción junto a la configuración "Mostrar ubicación" y haga clic en el botón "Guardar menú".

Ahora puede visitar su sitio web para ver su menú desplegable en acción.

Sugerencias para crear menús desplegables interactivos

Los menús de navegación son importantes porque este es el primer lugar donde buscarán los usuarios si quieren ver información específica.

Su uso adecuado ayudará a sus usuarios a navegar por su sitio web. También lo ayudará a obtener más páginas vistas, conversiones y ventas en su sitio web.

Estos son algunos consejos sobre cómo hacer que sus menús de navegación sean más interactivos con menús desplegables.

1. Puedes crear menús desplegables en varios niveles

Si crea un subelemento de otro enlace, aparece en el menú desplegable. También puede agregar un subelemento debajo de otro subelemento para crear menús desplegables de varios niveles.

Su tema los mostrará automáticamente como un submenú en el menú desplegable.

2. También puede crear múltiples menús desplegables

Puede crear un menú desplegable debajo de cada enlace superior en su menú. Incluso puede agregar algunos menús desplegables a su menú de navegación principal.

3. Crea menús con vista previa en vivo

Si su menú se vuelve demasiado complejo, puede cambiar a la vista previa visual. Ir Apariencia »Personalización para iniciar la herramienta de personalización de Live Theme.

Desde allí, haga clic en la pestaña Menús y luego seleccione su menú de navegación. Ahora verá un editor de menú de arrastrar y soltar en la columna izquierda con una vista previa en vivo de su sitio en el panel derecho.

4. Cree un gran mega menú como menú desplegable en WordPress

Los menús desplegables muestran solo un menú desplegable a la vez. ¿Qué sucede si desea mostrar la estructura completa de su sitio web como un mega menú que solo aparece cuando los usuarios mantener el cursor del ratón sobre el menú principal?

Los mega menús aparecen como menús desplegables, pero pueden mostrar muchos más enlaces, submenús y más. Para obtener instrucciones detalladas, consulte nuestro tutorial paso a paso sobre cómo crear un mega menú en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo crear fácilmente un menú desplegable en WordPress. También puede consultar nuestra guía sobre cómo crear un menú flotante fijo para la navegación de WordPress y cómo agregar iconos de imagen a los menús de navegación de WordPress.

Si te ha gustado este artículo, suscríbete al nuestro. Canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Gorjeo y Facebook.