How To Add A Mega Menu In Wordpress

Cómo agregar un mega menú a su sitio de WordPress (paso a paso)

Recientemente, uno de nuestros lectores preguntó si es posible agregar un mega menú a su sitio de WordPress. Los megamenús le permiten agregar menús desplegables de varias columnas a su navegación con contenido multimedia enriquecido como imágenes y videos. En este artículo, le mostraremos cómo agregar fácilmente un mega menú a su sitio de WordPress.

¿Por qué y quién debería agregar un mega menú en WordPress?

Los megamenús son especialmente útiles para sitios web con mucho contenido. Esto permite a los propietarios de sitios web mostrar más elementos en su menú superior. Los sitios web populares como Reuters, Buzzfeed y Starbucks utilizan mega menús para mostrar menús de navegación muy atractivos e interactivos.

Sitio Web De Starbucks Que Muestra Un Mega Menú
Si bien los menús de navegación predeterminados de WordPress le permiten agregar submenús desplegables e incluso agregar íconos de imagen junto a cada elemento, a veces solo necesita un mega menú. Veamos cómo agregar fácilmente un mega menú a su sitio web de WordPress.

Video tutorial

Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.

Agregar un mega menú en WordPress

Lo primero que debe hacer es instalar y activar el plugin Max Mega Menu. Este es el mejor plugin de WordPress de megamenú gratuito disponible en el mercado. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, el plugin agregará un nuevo elemento de menú, Mega Menú, a su menú de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del plugin.
Configuración Del Mega Menú
La configuración predeterminada funcionará para la mayoría de los sitios web. Sin embargo, deberá cambiar los colores del menú para que coincidan con los colores utilizados por el contenedor del menú de navegación de su tema de WordPress. Para saber qué colores se utilizan en su tema, puede utilizar la herramienta Inspeccionar en su navegador.
Usar La Herramienta De Inspección Para Averiguar Los Colores De La Barra De Navegación
Una vez que obtenga el código de color hexadecimal, puede pegarlo en un archivo de texto para su uso posterior. A continuación, debe visitar la página de configuración del mega menú, hacer clic en la pestaña «Temas del menú» y luego hacer clic en la sección «Barra de menú».
Colores De La Barra De Menú
Aquí puede anular el color de fondo utilizado por el mega menú para que coincida con el contenedor del menú de navegación de su tema. Recuerde hacer clic en el botón Guardar cambios para guardar su configuración. Ahora que hemos configurado los ajustes del mega menú, sigamos adelante y creemos nuestro mega menú. Primero debe visitar el Apariencia »Menús página, luego agregue elementos de nivel superior a su navegación. Para obtener instrucciones paso a paso, consulte nuestra guía para principiantes para crear menús de navegación en WordPress. A continuación, en la pantalla de menús, debe habilitar el mega menú marcando la casilla debajo de «Max Mega Menu Settings».
Activar El Mega Menú
Después de eso, debe colocar el mouse sobre un elemento del menú y verá aparecer un botón «Mega Menú» en la pestaña del menú. Al hacer clic en el botón, aparecerá una ventana emergente. Aquí puede agregar cualquier widget de WordPress a su mega menú y seleccionar la cantidad de columnas que desea mostrar.
Agrega Widgets A Tu Mega Menú
También puede hacer clic en el icono de llave inglesa en un widget para cambiar la configuración del widget. Recuerde hacer clic en el botón Guardar para almacenar la configuración de su widget. Una vez que haya terminado, puede cerrar la ventana emergente y visitar su sitio web para ver el mega menú en acción.
Descripción General Del Mega Menú
Esperamos que este artículo le haya ayudado a aprender cómo agregar un mega menú en WordPress. También puede consultar nuestra guía sobre cómo acelerar WordPress y mejorar el rendimiento para principiantes. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply