Cuando vamos a elegir un tema para una web que tiene muchas páginas (tipo revista (magazine), tienda online o periódico digital), generalmente nos fijamos en aquellas que tienen un buen sistema de mega menú incluido.
Se puede utilizar un sistema de este tipo de menú para promocionar los últimos posts, ayudar a tus visitas a descubrir más contenido en tu sitio, y hacer que el sitio web se vea más dinámico. No todos los temas tienen un sistema de mega menú, ni todo el mundo sabe cómo codificar uno de estos.
Con estos 7 plugins de mega menús puedes incluir esta característica a tu actual tema.
Este uno de los últimos plugins mega menu en ingresar al mercado de WordPress. Y si bien parecía que después de UberMenu o Max Mega Menu ya no podíamos ver nada novedoso, al probarlo nos hemos llevado una gran sorpresa.
Este plugin te permite crear mega menús, tabs menús y carrousel menús de forma sencilla respetando el funcionamiento nativo de WordPress.
QuadMenu es un plugin freemium, es decir, que cuenta cuenta con una versión gratuita y una versión de pago con algunas características adicionales. Si no quieres comprar la licencia en Codecanyon puedes ingresar a WordPress.org y descargar la versión Free que cuenta con la mayoría de las características importantes del plugin.
Características
- Desarrollado bajo el primer concepto conocido como «mobile first», por lo que el diseño del menú responde a todos los tamaños de pantalla.
- Interfaz de usuario optimizada para dispositivos móviles que incorpora los eventos touch screen de forma nativa.
- Opción breakpoint donde podrás seleccionar el ancho de pantalla a la cual el menú se cambia entre el layout para dispositivos móviles y el layout para pantallas de escritorio.
- Cuatro layouts que te permiten crear mega menús horizontales y verticales. Ambos con soporte para pantallas táctiles y dispositivos móviles.
- Ofrece una gran cantidad de elementos para gestionar el contenido: Mega, Tabs y Carousel menus; Login Form, WooCommerce Cart, Search, Social Networks e Icons.
- Además puedes incorporar a los menús cualquier elemento de WordPress, ya sean Widgets o los elementos de los metaboxes como los Custom Links, Posts, Pages, Products y Categorías.
- Drag & Drop para incorporar los elementos a los menús dentro del sistema nativo de WordPress.
UberMenu es plugin de WordPress mega menú altamente personalizable con soporte para dispositivos móviles como el iPhone y el iPad. Incluye más de 20 presentaciones de estilo, menús verticales y horizontales, y un montón de extensiones. Con más de 40.000 ventas y una puntuación de 4.64 de 5, este plugin sin duda ha batido todos los records
Estas son algunas de las características que podemos encontrar en Ubermenu:
- Es posible incluir contenido personalizado y widgets en el menú, como por ejemplo HTML, shortcodes, mapas, formularios de contacto y más.
- Incluye una variedad de estilos pre-diseñados, así como la integración con el personalizador de WordPress con más de 50 opciones configurables, así que puedes diseñar tu estilo de menú con una vista previa en vivo. También es fácil de personalizar con CSS.
- Los tipos de elementos de menú dinámico permiten insertar entradas, páginas, categorías, entradas personalizadas, taxonomía personalizada, etc, en el menú. Lo puedes configurar para ver como se ordenan en los resultados.
- Trae 50 iconos por defecto que puedes asignar a cualquier elemento del menú. Dentro de la extensión iconos puedes obtener los 439 iconos, junto con la posibilidad de personalizar la posición.
Cada elemento del menú tiene un panel de configuración avanzado que puede activarse sin la necesidad de expandir el elemento del menú. Cada panel se guarda de forma independiente a través de AJAX, así que no tienes que guardar todo el menú cada vez que necesites ajustar la configuración.
Mega Main Menu es un plugin de menú responsive que contiene iconos, menú deslizante (también conocido como pegagoso, ya que se desplaza al hacer scroll), mega variaciones desplegables, combinación de colores personalizable, etc. Se puede colocar cualquier contenido en el menú desplegable como: enlaces, texto, imágenes, widgets y shortcodes.
Descripción de las características:
- Capacidad de personalización. Menú pegagoso o deslizante, iconos, menús desplegables impresionantes, se puede incluir el logotipo y el buscador de la página.
- Ilimitadas variaciones de colores. Es posible cambiar fácilmente el color de cualquier elemento del menú. Puedes utilizar colores planos, degradados e imágenes de fondo. Esto ayudará a personalizar el menú para los colores utilizados en tu sitio web.
- Dropdowns: Más de 10 combinaciones. Modifica los requisitos particulares en el despegable de forma sencilla. Se puede colocar cualquier contenido en el despegable del menú: enlaces del menú, texto, imágenes, widgets y códigos cortos.
- Más de 1600 iconos vectoriales. Iconos vectoriales son gráficos nítidos que se ven muy bien en cualquier dispositivo con cualquier resolución.
- Más de 600 Fuentes de Google. Cambio de fuentes muy fácil desde el panel de administración.
NOO Menú es un sistema de mega menús dinámico con un diseño responsive del 100%. Su estructura de menú permite personalizarlo fácilmente. Puedes modificar las dimensiones del menú, el borde, y otros ajustes. El plugin tiene 9 estilos predefinidos.
Algunas características
- 100% responsive. Se puede ver perfectamente en todos los tamaños de pantalla y todos los dispositivos.
- Súper intuitiva e interactiva interfaz de usuario. Diseño de interfaz de usuario para usuarios no expertos en tecnología. No tienes que depender de ningún documento para configurarlo, sólo tienes que seleccionar, pulsar y arrastrar y para ver los cambios.
- Caja de herramientas Mega Menú. Un editor de estructura flexible te ayuda a gestionar los contenidos en el submenú en un instante.
- Previsualización en tiempo real en el backend. Se pueden ver los cambios de inmediato sin tener que pulsar ningún botón de vista previa o consultar la parte delantera.
- Ultra personalizable: Altura y ancho del menú, bordes, sombras en la cajas, sombras en los textos , radio de las esquinas, gradients de fondo y más.
- Mega contenido. Texto, imagen, enlaces, vídeos, flash, formularios, todos esto se puede visualizar en el submenú.
- 9 estilos predefinidos y se continúan agregando.
- Colores ilimitados. Utiliza cualquier variante de color para casi todos los elementos del menú. Puedes utilizar el color plano o degradado para el menú superior y el menú secundario.
- Opción Transparente. Opción para hacer un menú creativo y único. Un menú con sólo el borde.
- Más de 30 fuentes de Google incorporadas y más de 350 Font Awesome incluidas
- Múltiples menús en una página. Con NOO Menu es posible tener 2 menús con 2 estilos diferentes en la misma página.
Kodda
Kodda es un sistema mega menú moderno con varios estilos, diseño amigable móvil, y soporte para iconos sociales.
Características principales:
- Diseño completamente responsive que se adapta a cualquier dispositivo.
- Menú deslizante o pegagoso
- Puedes añadir diferentes tipos de menú
- Se puede agregar el formulario de búsqueda
- Añadir iconos sociales
- 4 Skins de estilos diferentes
- Más de 100 fuentes de Google
- Soltar y pegar (para reordenar todo)
- Iconos Font awesome para (flechas, la búsqueda y el menú responsive)
- SEO optimizado
- Posibilidad de cambiar el tamaño y el color de las flechas, el buscador e iconos del menú
- CSS3 (radio del borde, sombras, gradient)
Este es un plugin gratuito fácil de configurar con arrastrar y pegar. Integrado con el sistema de menú de WordPress. Diseño responsive, retina y táctil compatible.
Características principales:
- Editor de arrastrar y soltar
- Los paneles del menú pueden ser 1-8 columnas de ancho (los widgets pueden abarcar varias columnas)
- Flyout (tradicional) o estilos Mega Menú
- Se puede incluir iconos en el menú
- Posibilidad de alinear los elementos del menú y el submenú
- Compatible con dispositivos de pantalla táctil
- Construido en el editor del tema
- Funciona con múltiples menús en la misma página
- Responsive y Retina compatible
- Seguro: Puedes desinstalar y volver a tu antiguo menú
- Probado en IE9 +, Firefox, Opera, Safari y Chrome (IE6, 7 y 8 no es compatible, pero puede funcionar)
Suppamenu
Suppamenu tiene un diseño responsive y personalizable. Incluye diferentes estilos e iconos Font Awesome. Se puede personalizar el panel de opciones de administración.
Características principales:
- Crear Mega Menús ilimitados (todos los menús con un estilo diferente)
- Crear ilimitados estilos desde el WP admin (sin código, sólo opciones)
- Diferentes tipos de menú: últimas entradas y Mega Post (trabaja con: categorías, taxonomías, tipos de entradas personalizadas, ej: WooCommerce)
- Posibilidad de incluir HTML y Shortcodes
- Formulario de búsqueda (normal y moderno)
- Iconos de redes sociales
- Mostrar los elementos del menú de primer nivel cuando el usuario está conectado/desconectado o ambos
- Más de 600 fuentes de Google
- Posibilidad de añadir una descripción a los elementos del menú
- WPML compatible: En caso de que desees ejecutar varios idiomas a la vez
- Animaciones jQuery
- Diseño completamente responsive que se adapta a cualquier dispositivo
- Retina compatible
- Posibilidad de añadir imágenes de fondo para el menú y submenús
- CSS3 (bordes del radio, sombra, gradients)
- Posibilidad de cambiar el tamaño y el color de los iconos
- Localización compatible (traducir el plugin para tu idioma)
Si ya tienes un tema instalado y funcionando, y quieres incluir mas prestaciones a los menús con un sistema de Mega Menús, los plugins anteriores son dignos de echarles un ojo.
francisco dice
Hola, soy el desarrollador LMM Menu, un plugin que permite crear un mega menu para wordpress horizontal y vertical
Me gustaría saber si es posible que incluyas el plugin dentro de tu analisis de los mejores Mega Menu
Puedo proveerte una copia gratuita para que lo pruebes
Saludos
Claro Francisco. Pásame la url y le echamos un vistazo
Rogaría me dijesen como ampliar las paginas desplegables sin que se vea la imagen de fondo y así poder leer su contenido.
Gracias
Hola Jaime. Te refieres a tu sitio web?
Buenos dias, será que me pueden ayudar con un enlace donde pueda agregar un sub-menu vertical cuando el padre esta en otro menu horizontal?
Hola Dorys. Cualquier plugin de los mencionados lo puedes configurar para hacer lo que necesitas. Saludos!
Existe algún plugin para wordpress que me permita poner imágenes de fondo diferentes para cada página? Ejemplo para quienes somos, otra imagen para contactenos y así.
Hola Francis. Todos los plugins Mega Menu tienen la opción de incluir imágenes en los menús. Saludos!
Hola Pedro. Quisiera enviarte una version PRO de QuadMenu para air realizes pruebas. Donde me puedo contactar contigo??
Hola Juan. Me puedes enviar un correo desde el apartado de «Contacto» arriba en el menú. Saludos!
Hello mate! thanks for reviewing this plugin
What do you think is a best option? Max Mega Menu or WP Mega Menu?
http://quadmenu.com/max-mega-menu-vs-wp-mega-menu/
Good review Liliana. Thanks for sharing. Regards
Hola! existe algún plugin que me permita configurar que el submenu solo se desplegue al hacer click? es decir que no sea automático cuando veo la pagina web desde el teléfono. Gracias
Hola Nora. Pues la verdad es que lo no sé. Tampoco tiene sentido que tengas de pulsar para ver los submenus. Saludos!
Bnoches Pedro,
Hay un detalle que no me queda claro que puede ser debido a mi desconocimiento sobre este tipo de plugins. Me gustaría saber si con estos plugins para crear mega menús, se pueden crear menús independientes para cada pagina en Wordpress. Es decir, a parte de las paginas digamos principales que ya tienen el menú por defecto de Divi, para las otras paginas que he creado como landing pages puedo añadirles a cada una su menú personalizado.
Muchas Gracias!.
Hola Juan. Para lo que comentas mira si te sirve este plugin https://es.wordpress.org/plugins/conditional-menus/. Saludos
Hola, sé que llego un poco tarde, pero de qué manera puedo cambiar el formato de texto de los menús? me interesa que salga en negrita y el formato de texto un poco más grande.
También como cambiar el color de fondo del menú cuando paso el ratón, lo he intentado con las opciones de woocomerce pero no hace caso.
Si hubiese algún plugin para woocommerce que permitiese definir el formato, tamaño y estilos de todos los textos en woocommerce (menus, nombre del producto seleccionado, familia del producto…..)
Muchas gracias.
Hola Guillermo. Tienes dos opciones, contratar a un diseñador de WordPress y que te haga los cambios, que no creo que cobre mucho por que es poca cosa, o utilizas por ejemplo el plugin Ubermenu, que tiene todo lo necesario para poner los menús de todas las formas que puedas imaginar. Saludos!
Hola, a ver si puedes ayudarme. He mirado todos los plugins pero… me vuelvo loco.
Necesito un menú principal con 2-3 opciones. Al pasar por encima se deberían mostrar diferentes menús, cada uno con un estilo distinto. Y al clicar sobre estos, necesito que no desaparezcan.
Sería como si el primer nivel mostrase un segundo menú ‘normal’, pero estos segundos menús tienen que mantenerse al entrar a una página, etc. Me explico?
No se cual de los plugins me puede ir mejor. Gracias mil!
Hola Julián,
He preguntado al desarrollador del primer plugin que aparece en la lista y me comenta que no tiene las características que describes. Solo queda ir preguntando uno por uno y ver si alguno te puede servir, otra no queda. Saludos
Esto se puede hacer con CSS
Hola buenas , me gustaria saber que plugin puedo utilizar con theme Salient, para poner una pagina del
Menu en cada esquina del cuadrado 4 paginas, una en cada esquina y que al pulsar me llevase a la
Pagina en cuestion, mil gracias!!
Buenas,
Pues estos plugins son compatibles con todos los temas de WordPress. Puedes preguntar al desarrollador del plugin si es compatible por si acaso.
Saludos
Pedro, hay algun plugin en el que pueda crear un menu con figuras como estrellas y eso para página con menu personalizado?
Hola Jonathan. Mira a ver si este te sirve https://wordpress.org/plugins/menu-icons/
Saludos!