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

¿Le gustaría crear un menú desplegable y agregarlo a su sitio de WordPress? Un menú desplegable muestra una lista de enlaces a medida que pasa el mouse a través de un elemento en el menú. Utilizamos un menú de perforación en WPBeginner, avanzamos y cruzamos 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 web 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 fila horizontal justo al lado del logotipo del sitio web.

Si comienza un blog o crea un sitio web con solo unas pocas páginas, puede agregarlas en una fila. Sin embargo, si está ejecutando una tienda en línea o un sitio web grande, le recomendamos que agregue más enlaces al menú de navegación. Los menús de primavera lo ayudan a resolver el problema del espacio limitado, mostrando enlaces de menú solo cuando los usuarios llevan el mouse a un elemento principal. También le permito organizar la estructura del menú por temas o jerarquía.

Finalmente, se ven bastante lindos. Dicho esto, ahora echemos un vistazo a cómo puede crear fácilmente menús desplegables de WordPress para agregar a su sitio web. Tutorial de video
Suscríbete a WPBeginner
Si no le gusta el video o necesita más instrucciones, continúe leyendo. Paso 1. Elegir un tema con soporte para el menú desplegable WordPress viene con un sistema de gestión de menú incorporado, pero mostrar estos menús depende completamente de su tema de WordPress. Casi todos los temas de WordPress aceptan por defecto. Sin embargo, algunos temas pueden no tener un soporte de menú adecuado. Debe asegurarse de usar un tema de WordPress que acepte menús caídos. ¿Cómo saber si el tema que usa acepta el menú Drop -down? 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. Si no es así, deberá encontrar un tema de WordPress para hacerlo. Consulte nuestra guía sobre cómo elegir el tema perfecto de WordPress para su sitio web. Aquí hay algunos temas excelentes que aceptan el menú Drop -down.
Astra: es un tema de WordPress multipropósito, que viene con varios sitios iniciales y muchas características.
Temas de estudio: construidos sobre la base del marco temático de Genesis, estos temas profesionales están extremadamente optimizados para el rendimiento.
OceanWP: un tema popular de WordPress adecuado para todo tipo de sitios web.
Ultra: impulsado por Themify Builder, este arrastre y drop de WordPress viene con hermosas plantillas y opciones de temas flexibles.
Divic – Tema popular de temas elegantes que usa el generador de páginas de la Divic y viene con muchas funciones de arrastrar y soltar, incluidos los menús de caída.
Dicho esto, ahora echemos un vistazo a cómo crear un menú desplegable WordPress. Pasul 1. Creación de un menú de navegación de WordPress Si ya ha configurado un menú de navegación en su sitio web, puede ir al siguiente paso. Creemos primero un menú simple. Vaya a la página de la página »Menús y haga clic en el enlace” Crear un nuevo menú “en la parte superior.
Luego debe proporcionar un nombre para el 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 de administración de WordPress.
Ingrese un nombre para su menú y luego haga clic en el botón “Crear menú”. WordPress ahora creará un nuevo menú vacío para usted.

Agregamos los enlaces superiores al menú de navegación. Estos elementos aparecerán en la fila superior del menú. Simplemente seleccione las páginas que desea agregar desde 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 esas páginas aparecen en la columna derecha debajo de su nuevo menú. Paso 2. Agregar subelementos a un menú subelementos son los elementos que aparecerán en el menú desplegable. Dependiendo de cómo desee organizar sus menús, puede agregarlos a cualquiera de los elementos existentes.
En aras de este tutorial, agregaremos categorías en el enlace del blog. Simplemente seleccione los elementos que desea agregar desde la columna izquierda y luego haga clic en el botón “Agregar al menú”. Sus artículos ahora aparecerán en la columna correcta.


Sin embargo, estos enlaces aparecerán como elementos ordinarios. Debemos convertirlos en un submario de un menú principal. Simplemente puede deslizar y arreglar un elemento de menú y colocarlo debajo del elemento principal. Muévalo ligeramente hacia la derecha y se convertirá en un submento. Repita el proceso para todos los enlaces que desea mostrar en el menú desplegable.
Después de haber terminado, asegúrese de hacer clic en el botón “Menú Guardar” para almacenar sus cambios. Paso 3. Publique el menú desplegable Si edita un menú que ya está en vivo en su sitio, comenzará a aparecer inmediatamente en su sitio. Sin embargo, si es un nuevo menú, entonces debe elegir una ubicación temática para Muestra este menú. Los temas de WordPress pueden mostrar menús en diferentes lugares. 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 Siguiente a configurar “Mostrar la ubicación” y haga clic en el botón “Guardar menú”.

Ahora puede visitar su sitio web para ver el menú desplegable.

Los consejos sobre la creación de menús de menús de menús interactivos de navegación son importantes, ya que este es el primer lugar donde buscarán sus usuarios si desean ver información específica. Su uso correcto ayudará a los usuarios a encontrar su camino en su sitio web. También lo ayudará a obtener más visualización de páginas, conversiones y ventas en su sitio web. Aquí hay algunos consejos para que sus menús de navegación sean más interactivos con los menús de caída. 1. Puede crear menús de nivel múltiple caídos
Hacer de un enlace un subelemento de otro enlace hace que aparezca en el menú desplegable. También puede agregar un submento debajo de otro submento para crear menús desplegables de niveles múltiples. Los mostraría automáticamente como un menú de sublining.

2. También puede crear varios menús de caída, puede crear un menú de caída en cualquier enlace superior en el menú. Puede agregar aún más menú de caída en el menú de navegación principal.

3. Cree menús con una vista previa en vivo Si su menú se vuelve demasiado complicado, puede pasar a la vista previa visual. Acceda al aspecto »personalizado para lanzar el personalizador del tema en vivo.
Desde allí, haga clic en la pestaña “Menús” y luego seleccione el 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. Crear un mega menú grande como un menú en descomposición en WordPress Despan Menus muestra solo un menú de caída. ¿Qué pasa si desea mostrar la estructura completa de su sitio web como un menú Mega que solo aparece cuando los usuarios pasan en el menú principal?