Cómo agregar un Mega Menú en su sitio de WordPress (Paso a Paso)

Recientemente uno de nuestros lectores preguntó si es posible añadir un mega menú a tu sitio de WordPress. Los Mega Menús le permiten añadir menús desplegables de varias columnas a su navegación con medios sofisticados como imágenes y vídeos. En este artículo, le mostraremos cómo añadir fácilmente un mega menú a su sitio de WordPress.

¿Por qué y quién debería añadir Mega Menu en WordPress?

Los Mega Menús son particularmente útiles para sitios web con mucho contenido. Esto permite a los propietarios de sitios web mostrar más elementos en su menú superior.

Sitios web populares como Reuters, Buzzfeed y Starbucks utilizan mega menús para mostrar menús de navegación altamente atractivos e interactivos.

Mientras que los menús de navegación predeterminados de WordPress le permiten añadir submenús desplegables e incluso añadir iconos de imagen junto a cada elemento, a veces sólo necesita un mega menú.

Echemos un vistazo a cómo añadir fácilmente un mega menú a su sitio web de WordPress.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Agregar un Mega Menú en WordPress

Lo primero que debe hacer es instalar y activar el plugin Max Mega Menu. Es el mejor plugin gratuito de mega menú WordPress disponible en el mercado. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, el plugin agregará un nuevo elemento de menú, Mega Menu, a su menú de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del plugin.

La configuración predeterminada funcionará en la mayoría de los sitios web. Sin embargo, necesitará cambiar los colores del menú, para que coincidan con los colores usados por el contenedor del menú de navegación de su tema de WordPress.

Para averiguar qué colores se utilizan en el tema, puede utilizar la herramienta Inspeccionar del explorador.

Una vez que obtenga el código hexadecimal de color, puede pegarlo en un archivo de texto para usarlo más tarde.

A continuación, debe visitar la página de configuración del mega menú, haga clic en la pestaña «Temas del menú» y luego en la sección «Barra de menús».

Aquí puede reemplazar el color de fondo utilizado por el mega menú para que coincida con el contenedor del menú de navegación de su tema.

No olvide hacer clic en el botón Guardar cambios para guardar su configuración.

Ahora que hemos configurado los ajustes del mega menú, vamos a crear nuestro mega menú.

Primero debe visitar la página Apariencia » Menús y luego añadir elementos de nivel superior a su navegación. Para instrucciones detalladas vea nuestra guía para principiantes sobre la creación de menús de navegación en WordPress.

A continuación, en la pantalla Menús, debe habilitar el mega menú marcando la casilla situada debajo deMax Mega Menu Settings.

Después de eso, debe llevar el ratón a 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 se abrirá una ventana emergente. Aquí puedes añadir cualquier widget de WordPress a tu mega menú y seleccionar el número de columnas que quieres mostrar.

También puede hacer clic en el icono de llave inglesa en un widget para editar la configuración del widget. No olvides hacer clic en el botón Guardar para guardar la configuración de tu widget.

Una vez que haya terminado, puede cerrar la ventana emergente y visitar su sitio web para ver el mega menú en acción.

Esperamos que este artículo le haya ayudado a aprender a añadir un mega menú en WordPress. También puedes ver nuestra guía sobre cómo acelerar WordPress y aumentar el rendimiento para principiantes.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario