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

¿Desea crear un menú desplegable y agregarlo a su sitio de WordPress?

Un menú desplegable muestra una lista de enlaces cuando pasa el cursor sobre un elemento del menú.

Utilizamos una lista desplegable en WPBeginner, avance y pase 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.

Crear un menú desplegable en WordPress

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

WordPress viene con un sistema interno de gestión de menús 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 aparecen en la parte superior como una línea horizontal al lado del logotipo del sitio web.

Menú de navegación típico con una línea horizontal de enlaces.

Si está iniciando un blog o creando un sitio web con solo unas pocas páginas, puede agregarlos en una sola línea.

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

Los menús desplegables ayudan a resolver el problema del espacio limitado, mostrando enlaces de menú solo cuando los usuarios se ciernen sobre un elemento principal. También le permiten organizar la estructura del menú por temas o jerarquía.

Ejemplo de menú desplegable

Finalmente, también se ven geniales.

Dicho esto, ahora echemos un vistazo a cómo puede crear fácilmente menús desplegables de WordPress y agregarlos a su sitio web.

Video tutorial

Regístrese en WPBeginner

Si no le gusta el video o necesita más instrucciones, siga leyendo.

Pasó 1. Elija un tema con soporte de menú desplegable

WordPress viene con un sistema de gestió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. Sin embargo, algunos temas pueden no tener un soporte de menú adecuado.

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

¿Cómo saber si el tema que está utilizando admite 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 una lista desplegable en el menú de navegación.

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

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

Aquí hay algunos temas geniales que admiten la lista desplegable de fábrica.

  • Astra: es un tema multipropósito de WordPress que viene con varios sitios de inicio y toneladas de recursos.

  • Temas de StudioPress: creados en el marco del tema Genesis, estos temas profesionales están altamente optimizados para el rendimiento.

  • OceanWP: un popular tema de WordPress adecuado para todo tipo de sitios web.

  • Ultradesarrollado por Themify Builder, este tema de WordPress de arrastrar y soltar viene con hermosas plantillas y opciones de temas flexibles.

  • El tema Divi: temas elegantes y elegantes utilizados por el creador de páginas Divi y viene con numerosas funciones de arrastrar y soltar, incluidos menús desplegables.

  • Dicho esto, ahora echemos un vistazo a cómo crear un menú desplegable de WordPress.

    Pasó 1. Crear 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.

    Creemos un menú simple primero.

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

    Crear un menú

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

    Nombre del menú

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

    WordPress ahora creará un nuevo menú vacío para usted.

    Agreguemos los enlaces principales al menú de navegación. Estos elementos aparecerán en la línea superior de su menú.

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

    Agregar páginas al menú

    Ahora verá estas páginas en la columna derecha, en su nuevo menú.

    Pasó 2. Agregar subpuntos a un menú

    Los subelementos son los elementos que aparecerán en el menú desplegable. Según cómo desee organizar sus menús, puede agregarlos a cualquiera de los elementos existentes.

    A los fines de este tutorial, agregaremos categorías en el enlace del blog.

    Simplemente seleccione los elementos que desea agregar en la columna izquierda y haga clic en el botón “Agregar al menú”. Sus artículos ahora aparecerán en la columna derecha.

    Nuevos elementos de menú agregados al menú

    Sin embargo, estos enlaces aparecerán como elementos normales. Necesitamos convertirlos en un subelemento de un menú principal.

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

    Agregar elementos de submenú para crear un menú desplegable

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

    Cuando haya terminado, no olvide hacer clic en el botón “Guardar menú” para almacenar sus cambios.

    Pasó 3. Publique su menú desplegable

    Si está editando un menú que ya está activo en su sitio web, comenzará a aparecer de inmediato.

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

    Los temas de WordPress pueden mostrar menús en diferentes ubicaciones. Cada tema define sus propias ubicaciones de menú y puede seleccionar el menú que desea mostrar allí.

    Encontrará esta opción en la columna derecha en “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ú”.

    Elige la ubicación del tema

    Ahora puede visitar su sitio web para ver la lista desplegable en acción.

    Vista del menú desplegable

    Consejos para crear menús desplegables interactivos

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

    Usarlos correctamente ayudará a sus usuarios a orientarse en su sitio. También lo ayudará a obtener más visitas a la página, conversiones y ventas en su sitio.

    Aquí hay algunos consejos sobre cómo hacer que sus menús de navegación sean más interactivos con los menús desplegables.

    1. Puede crear menús desplegables de varios niveles.

    Convertir un enlace en un subelemento de otro enlace lo hace aparecer en el menú desplegable. También puede agregar un subelemento debajo de otro subelemento para crear menús desplegables de varios niveles.

    Menús de varios niveles

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

    Menú desplegable multinivel

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

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

    Varios menús desplegables en el menú principal

    3. Crear menús con una vista en vivo

    Si su menú se complica demasiado, puede cambiar a la pantalla visual. Vamos Apariencia »Personalizar para iniciar el personalizador de temas en vivo.

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

    Personalice los menús de WordPress con una vista previa en vivo

    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 navegan por el menú principal?

    Ejemplo de mega menú

    Los mega menús aparecen como un menú desplegable, 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ú de navegación flotante flotante en WordPress y cómo agregar iconos de imagen a los menús de navegación en WordPress.

    Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook.

    Publicaciones relacionadas

    Botón volver arriba