Cómo agregar un mega menú en 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. Mega Menus le permite agregar menús desplegables de varias columnas a su navegación con medios enriquecidos como imágenes y videos. En este artículo, le mostraremos cómo agregar fácilmente un mega menú a su sitio de WordPress.

Cómo agregar un mega menú en WordPress

¿Por qué y quién debería agregar Mega Menú en WordPress?

Mega Menus 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.

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 iconos de imagen al lado de cada elemento, a veces solo necesita un mega menú.

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

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Agregar un mega menú en WordPress

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

Tras la activación, el complemento agregará un nuevo elemento de menú, Mega Menú, a su menú de administrador de WordPress. Al hacer clic en él, accederá a la página de configuración del complemento.

Configuraciones de 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 del tema de WordPress.

Para averiguar qué colores se usan en su tema, puede usar la herramienta Inspeccionar en su navegador.

Usar la herramienta de inspección para descubrir los colores de la barra de navegación

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

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

 Colores de la barra de menú

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

No olvides hacer clic en el botón Guardar cambios para guardar tu configuración.

Ahora que hemos configurado la configuración del mega menú, sigamos adelante y creemos nuestro mega menú.

Primero necesitas visitar el Apariencia »Menús página y luego agregue elementos de nivel superior a su navegación. Para obtener instrucciones detalladas, consulte nuestra guía para principiantes sobre cómo crear menús de navegación en WordPress.

A continuación, en la pantalla Menús, debe habilitar el mega menú marcando la casilla en “Configuración máxima del mega menú”.

Habilitar mega menú

Después de eso, debe llevar el mouse a un elemento del menú y verá que aparece 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 el número de columnas que desea mostrar.

Agregar widgets a tu mega menú

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 almacenar 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.

Vista previa del mega menú

Esperamos que este artículo te 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 aumentar el rendimiento para principiantes.

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