Al igual que los sliders, los mega menús se han popularizado en los últimos años. Los mega menús se pueden definir como menús desplegables dentro de menús desplegables. Son especialmente útiles cuando un sitio tiene una gran cantidad de secciones hacia las cuales necesita enlazar desde el menú principal. Para no sobrecargar el menú con varias líneas y sus correspondientes menús desplegables, se crea un panel amplio (que generalmente ocupa el ancho completo del sitio) y se divide en varias columnas donde se podrán mostrar no sólo enlaces de texto, sino también imágenes, vídeos u otro contenido multimedia, y en el caso de nuestro plugin recomendado de hoy, hasta widgets. Esto le da un atractivo extra a la navegación y contribuye a retener al usuario con una experiencia mejorada.
Max Mega Menu es un plugin gratuito y muy fácil de usar. Se integra con el sistema de menús de WordPress, y una de sus principales ventajas es que se puede personalizar por completo para adaptarse al estilo de cualquier tema. Y, como si fuera poco, transforma los menús en adaptables y es totalmente compatible con los dispositivos táctiles.
¿Por qué Max Mega Menu?
Funciona con cualquier tema
Max Mega Menu es una herramienta con modalidad “arrastrar y soltar” que reemplaza el sistema de menús existente.
Constructor visual de mega menús
Max Mega Menu es el único plugin de WordPress con una interfaz visual “arrastrar y soltar”. ¡Se puede añadir cualquier widget de WordPress al menú!
Menús desplegables de niveles ilimitados
Si su tema sólo le permite mostrar uno o dos niveles de menús, instale Max Mega Menu y comience a crear con facilidad menús desplegables de niveles ilimitados.
Elija su propio estilo
Personalice cada aspecto de sus menús con más de 100 opciones de estilo, sin necesidad de ningún conocimiento de CSS.
Funciona con múltiples menús
Max Mega Menu puede ser activado para una sola o varias ubicaciones de menú en un tema.
Adaptable y amigable con los dispositivos móviles
Los menús creados con Max Mega Menu funcionan y lucen geniales en cualquier dispositivo, ¡inclusive en pantallas táctiles!
Las funciones incluidas son:
- Constructor de mega menús con modalidad “arrastrar y soltar”
- Muestra widgets de WordPress en los menús
- Editor de temas integrado con más de 100 opciones de personalización
- Eventos de clic o al posar el puntero para abrir menús
- Transiciones de desvanecimiento o desplazamiento
- Selector de iconos para añadir a los elementos del menú
- Permite crear de una a ocho columnas en un mega menú
- Opciones de ocultar texto y desactivar enlace para cada elemento del menú
- Opciones de alineación de los elementos del menú
- Opciones de alineación para los elementos de los submenús
- Soporta múltiples menús, cada uno con su propia configuración
- Adaptable, compatible con dispositivos táctiles y Retina Ready
- Probado en todos los navegadores modernos
- Código limpio con bajo uso de memoria
- Código CSS3 válido, sin atributo !important ni estilos en línea
Existe una versión Premium que añade varias funcionalidades, tales como menús fijos, 600 iconos adicionales, iconos personalizados, estilos personalizados para elementos del menú, restricciones de perfil de usuario, fuentes de Google, y fuentes personalizadas, además de actualizaciones y soporte prioritario.
Sin embargo, la versión gratuita es de por sí completísima y permitirá crear vistosos menús de manera profesional, sencilla y rápida, sin opciones excesivas ni confusas. La documentación es clara y concisa, pero como sólo estaba disponible en inglés, decidimos traducirla, junto con el plugin mismo.
Formato PDF disponible en descarga gratuita:
Descargar
Archivos de traducción:
Descargar
Instrucciones:
- Acceder vía FTP a la ruta de instalación de WordPress
- Buscar la carpeta
/wp-content/languages/plugins/
y subir el archivomegamenu-es_ES.mo
Notas:
- No es necesario subir el archivo
megamenu-es_ES.po
, pero si desea hacer ediciones en la traducción, deberá abrir este archivo con un programa como Poedit, y luego compilar el.mo
antes de subir la traducción editada a la carpeta indicada anteriormente. - La traducción no se perderá si el plugin es actualizado, ya que se coloca en una carpeta separada de la del tema.
- Guía para WordPress 6.6 disponible - 22 de septiembre de 2024
- Guía para WordPress 6.5 disponible - 13 de junio de 2024
- Guía para WordPress 6.4 disponible - 5 de diciembre de 2023
Hola
Muchas gracias por tu analisis. Me gustaria saber si podrias considerar agregar a QuadMenu dentro de la review?
www.quadmenu.com
Hola, Juan Francisco.
Te envié un mensaje a tu correo.
Saludos.
Muy buen aporte .
Me ha gustado mucho tu blog, estaré atento a nuevos posts.
Gracias
Hola a todos!
Acabo de toparme con un nuevo plugin mega menu que supera ampliamente a max mega menu
me parecio super intuitivo y ofrece algunas características más interesantes, espero que lo puedan probar a ver que les parece
https://wordpress.org/plugins/quadmenu/
Hola, Carolina.
Gracias por el dato. Lo tengo en carpeta desde hace casi dos meses, pero todavía no tuve disponibilidad para revisar las características a fondo. En cuanto lo haga, seguramente incluya alguna entrada al respecto.
Saludos.
Gracias muy buena información, ideal para saber como hacer en mi blog
Buenas, tardes gracias por el tutorial, una pregunta instale el mega menu en el zerif lite, pero quiero que siempre en version escritorio o celular, aparezca el menu tipo hamburguesa, como hago? con el plugin mega menu, en un tutorial de ustedes esta algo sobre menu hamburguesa, pero esa solo me sirvio en la otra version.
Hola, Luismiguelsec.
Si el plugin está activado, ese código no funciona.
Saludos.
Hola, excelente documentación, muchas gracias de antemano. Me gustaría saber de que manera hago para que el menú coja el ancho de la página, porque el alto si está en los settings, pero el ancho de la barra no
Hola, Álvaro.
Gracias por tu comentario.
El menú del plugin siempre toma el ancho completo del contenedor del área de navegación establecido por el tema. Si el menú del tema no tiene una opción de ancho completo, tendrás que hacer ajustes mediante CSS.
Saludos.
Muchísimas gracias! Buen trabajo!!
Hola , gracias por esta gran labor, tengo una pregunta, como puedo hacer que cada elemento dl menu sea de un color difereente, todo es genial, solo no se como hacerlo.
Mil gracias
Hola, Manuel.
En este plugin, esa característica solo está disponible en la versión pro.
Saludos.
Hola, tengo un menú creado con wordpress que es desplegable y tiene muchos submenús, por lo que es demasiado largo y algunas paginas que tienen poco contenido no dan para que se despliegue el menú entero.
¿Alguna opción de poner esos submenus en cuatro columnas por ejemplo?
Gracias
Hola, Sergio.
Con este plugin podés crear menús con hasta 8 columnas.
Saludos.
Hola, tengo un problema quisiera desactivar el menu en la parte inferior pues me sale en los dos lugares arriba después del header y abajo antes del footer. Muchas gracias y en espera de su respuesta
Hola, Dunia.
Creo que eso depende del tema que estés usando. En todo caso, creá un nuevo menú para el pie de página en el cual no esté activado el Mega Menú.
Saludos.
Exelente contenido, saludos desde venezuela
hola, no me aparece el menu en la version movil. Mi tema es Athena theme,
Hola, TDK.
Fijate si esta respuesta a las preguntas frecuentes te sirve. De lo contrario, tendrías que plantear el problema en el foro de soporte del plugin.
Saludos.
Hola! lo primero enhorabuena porque es de los pocos blogs que veo que la gente pregunta y respondes a todas las dudas!! . La gente aconseja 20 pluggins y no han utilizado ni la mitad.
Queria hacerte una pregunta, mi intención es que salga en el lateral un botón/icono ” flotante”, como el plugin de sumome ( creo que el que tienes puesto de los iconos sociales es ese), y que cuando hagas click, entonces se despligue un pequeño menú lateral y además me gustaría que en cada sección de páginas el menú fuera distinto.
He creado el menú, pero el botón/ icono flotante lateral no sé bien como hacerlo. He probado varias opciones pero ninguna termina de gustarme. Alguna idea?
Gracias de antemano
Hola, Nacho.
Gracias por tu comentario.
Suena a que lo que estás buscando es más un plugin de widgets que de menús. Fijate si alguno de estos te sirven: Sliding Widgets o Simple Side Tab.
Saludos.
Hola, he instalado el Mega Menu, pero cuando voy a editarlo, es decir: apariencia-menu y pincho en el recuadro azul, se abre una ventana pero queda completamente en blanco.
Me falta instalar algo mas???.
Gracias y muy buen trabajo.
un saludo
Hola, Darío.
Gracias por tu comentario.
Más que seguro es algún conflicto con otro plugin. Intentá desactivando todos, menos Mega Menu para probar si funciona. Luego activalos uno por uno hasta identificar cuál es el que interfiere.
Espero que te sirva.
Saludos.
Hola, lo he probado con el tema Zerit lite en local y parece que todo funciona excepto cuando estoy en una sección de la página principal, por ejemplo “lastestnews” se duplica el tamaño de ménu. Creo que es el efecto (subrayado rojo y letras rojas) que se crea en el menú por defecto al reconocer que estamos en una sección en concreto de la pagina principal. ¿Cómo podría deshabilitar este efecto o que se muestre correctamente?
Hola, Alberto.
Para desactivar el efecto, pegá el siguiente código en la hoja de estilos del tema hijo o en la opción de CSS personalizado si instalaste algún plugin:
Con eso debería bastar.
Espero que te sirva.
Saludos.
Muchas gracias!!!! Funcionó la solución correctamente.
Ahora tengo otro problema, los sub-menús no se desplegan en un dispositivo móvil. He leído la documentación relacionada con mi tema zerif-lite y mega máx menú, pero no encuentro nada al respecto.
¿Alguna idea? Muchas gracias!
Hola, Alberto.
Qué bueno que te haya servido. En cuanto a lo que me comentás, fijate si no está activada la opción Ocultar submenú en dispositivos móviles en los ajustes del elemento superior del menú (clic en el botoncito azul Mega Menú).
Hola, tengo un problema, uso el Them Parabola y este tema tiene su menu para celulares al igual que MAX MEGA MENU, pero cuando sustituyo el menú del Them Parabola con el de MAX MEGA MENU, el del MAX MEGA MENU queda dentro del Them de parabola y si quito el menú para celulares del Them parabola, se pierde también el de MAX MEGA MENU, Sabes como corregir este problema?
Hola, Armando.
Fijate la respuesta que le di a otro usuario aquí. Tendrías que seguir las instrucciones del segundo enlace para modificar una porción del código del tema.
Saludos.
Lo probé con varios temas y tengo el mismo problema, cuando visualizo la web en un dispositivo móvil el plugin me genera el botón que contiene el menú (el boton de las tres lineas horizontales) pero ademas el tema también me genera el suyo, entonces cuando voy a abrir el menu y presiono el boton, dentro me aparece un segundo botón similar, si lo presiono recién puedo ver el menu, la idea es que tenga solo un boton, espero haberme echo entender. Me pueden dar una mano con esto, se los agradecería mucho.
Hola, Cristian.
Es un problema bastante común y se debe a que los temas muchas veces no ofrecen soporte para este plugin en sus menús para móviles. Está brevemente explicado aquí y ofrece soluciones para algunos de los temas más populares. En caso de que el tema no esté en la lista, aquí también dan algunas instrucciones para adaptarlo.
Fijate si esto te sirve.
Saludos.
Instalé la versión Free en mi sitio que recien he estado haciendo en mi localhost y he notado que al menos esta versión tiene un limite máximo de link, me explico:
Mi menú consta de 7 link y cada link tiene varios submenú, llega el momento en que puedes colocar el nombre del link con su URL pero al subirlo al servidor solo sube el texto y no la URL.
¿Algún comentario?
Hola, Joe. No existe límite en la cantidad de enlaces que se pueden añadir a un menú de WordPress, teniendo en cuenta que sean visibles dentro del tamaño de la pantalla. Si el problema surge con las URL al migrar el sitio, estas deben ser actualizadas (vía phpMyAdmin o manualmente).
Saludos.
Muchas gracias por el excelente trabajo!
En un menú lateral, cuando el menu principal (top level) tiene un submenú, coloca el texto a la derecha quedando desalineado del resto de los otros menus
Estimado Roberto:
Esto es porque la funcionalidad de menús verticales no está disponible en la versión gratuita del plugin (creo que fue añadida a la versión PRO después de la publicación de esta entrada, por eso no figura en la lista de características adicionales). Podrás encontrar más información aquí: http://www.maxmegamenu.com/documentation/pro-features/vertical-mega-menu/
Saludos. 🙂
Tengo la versión PRO
Quizás haya algún estilo del tema, o de algún otro plugin, que esté interfiriendo con el del menú (podrías probar cambiando de tema momentáneamente y/o desactivando plugins uno a uno), pero sin verlo directamente en funcionamiento no sabría darte una respuesta concreta. Lo mejor en este caso será contactar con el Soporte del plugin. Saludos.
Hola!
Me descargo el zip de la traducción pero no se como instalarla, si la instalo desde “subir plugin” en el escritorio de wordpress me da error…
Como se instala la traducción porfa???
Muchas gracias!!
Hola, Nau:
Para subir los archivos de traducción, necesitás acceso a la carpeta de instalación de WordPress vía FTP. Buscás la carpeta
/wp-content/plugins/megamenu/languages
y allí subís los archivos .mo y .po previamente descomprimidos en tu equipo (o nada más el .mo, que es suficiente para que detecte el idioma).Saludos y espero que te sirva.