Seguro que en algún momento se has sentido frustrado, sin saber qué hacer, buscando plugins por Google sin encontrar nada que te solucione tu problema y es que necesitas crear un mega menú en tu página web creada con WordPress y no sabes por dónde meterle mano. Pues bien, todo eso ya se ha acabado, te voy a presentar la solución para crear increíbles mega menús en WordPress y se llama QuadMenu.
QuadMenu se integra perfectamente con la gran mayoría de Themes Premium y los más conocidos y utilizados por la comunidad WordPress. Tiene la versión gratuita y la versión de pago y una buena noticia, está traducido al español, lo cual es un punto a favor. Por ejemplo, puedes integrar QueadMenu con Divi o con Avada, dos de los Themes Premium más vendidos y más queridos por los usuarios de WordPress.
Quadmenu es un plugin que nos va a permitir crear increíbles mega menús para WordPress, este plugin esta orientado a usuarios que tienen un nivel básico de WordPress como así también a desarrolladores experimentados. Para aquellos que se dedican al diseño de paginas web es una buena alternativa de cara a clientes más exigentes en lo referente a la usabilidad y el diseño.
Además, como os decía al principio, QuadMenu se integra perfectamente con muchos de los Themes Premium de WordPress más conocidos y de ahí las extensiones que podremos encontrar para cada uno de ellos:
- Divi Mega Menu – Quadmenu
- Avada Mega Menu – Quadmenu
- Astra Mega Menu – Quadmenu
- Ocean WP Mega Menu – Quadmenu
- QuadMenu – Twenty Seventeen
- Storefront Mega Menu – Quadmenu
Opciones de Menú
Una vez ya instalado QuadMenu, ingresando en Apariencia > Menú ya encontraras las primeras opciones de configuración extra a diferencia del menú normal de WordPress, desplazando el ratón por los elementos que componen el menú principal ya encontrarás las opciones de configuración de Quadmenu.
Este nuevo menú de opciones te permite:
- Añadir un subtitulo al elemento del menú.
- Añadir un icono.
- Añadir un badge.
- También permite ocultar el elemento en función del dispositivo desde donde navega el usuario.
Si quieres sacarle un máximo rendimiento a este plugin, lo que podemos hacer es trabajar directamente con la opción Quadmenu Items, ya que es la que te permitirá generar menús más atractivos y con más funcionalidades. Esta opción te permite generar los siguientes contenidos y formatos de menú:
- Columnas.
- Imágenes.
- Iconos.
- Carritos de compra (compatible con Woocommerce).
- Buscador.
Permite generar un ítem de menú en el cual podrás mostrar contenido dividido en diferentes columnas, dentro de estas columnas puedes añadir widgets de contenido como pueden ser paginas, entradas, categorías, galerías, vídeos o cualquiera de los widgets por defecto que encuentras dentro del apartado de widgets de WordPress.
Iconos
Permite añadir iconos a tus ítems del menú.
Carrito
Añade el carro de la compra al menú principal de WordPress, esta opción es bastante interesante si tienes integrado Woocommerce en tu sitio web y quieres darle a tus usuarios un acceso rápido a su carro de compra.
Buscador
Al igual que el menú de Divi, te permite poner una barra de búsqueda directamente en el Menú, pero con la diferencia de que no te aparece solo como ícono, sino directamente como barra de búsqueda.
Opciones extra con QuadMenu Pro
Además de todas las opciones que hemos visto hasta ahora, incluidas en la versión gratuita de QuadMenu, podemos ampliar este fantástico plugin con más opciones instalando la versión Pro. Las características que incluye son las siguientes:
Tabs
Quadmenu Pro permite añadir tabs dentro del menú principal de tu sitio web, una manera de dar más visibilidad al contenido que quieras destacar.
Carrousel
Quadmenu Pro permite también añadir carruseles de imagen + texto + botones de llamada a la acción.
Inicio de Sesión
Si estas pensando en crear un sitio de membresía o ya lo tienes activo, ésta es una buena opción ya que Quadmenu Pro te permite añadir un caja de login dentro de tu menú principal.
Iconos de Redes Sociales
Quadmenu Pro te permite añadir los enlaces a redes sociales en el menú principal de Divi por ejemplo.
Configuración del plugin
Dentro del apartado Quadmenu > Opciones están las opciones de configuración a través de las cuales puedes habilitar o deshabilitar configuraciones en función de cada una de las ubicaciones de menú con las que cuenta tu plantilla de WordPress. Una función muy interesante teniendo en cuenta que hay funciones que no son necesarias aplicar a un menú de pie de pagina por ejemplo.
Responsive
En la pestaña responsive Quadmenu permite modificar opciones como: el espacio entre las columnas del Megamenu, breakpoints para pantallas pequeñas (móviles, smartphones), pantallas medianas (tablets, notebooks) y pantallas grandes.
Personalización
Respecto a todo lo que envuelve la personalización y diseño del menú, Quadmenu permite crear temas para los diferentes formatos de menú, como lo indica la siguiente imagen.
Redes Sociales
Añade los enlaces a las diferentes redes sociales.
Conclusión
Poco más hay que añadir a todo lo que hemos visto en este artículo, yo creo que no hay manera más fácil y a la vez más completa de crear un mega menú en WordPress y además, que consigamos un resultado tan profesional y en tan poco tiempo.
QuadMenu es la solución ideal para crear mega menús en WordPress, un plugin de manejo sencillo, compatible al 100% con los Themes Premium más conocidos de WordPress y además, completamente en español, ¿qué más se puede pedir?
Si lo utilizáis, espero vuestros comentarios por aquí, seguro que son todos muy buenos. ¡Hasta la próxima!
Uno de los mejores mega menu plugin. La version free tiene muchas funciones que solo estan disponibles en las versions premium de otros mega menu
Saludos
Hola, cuando activo el QuadMenú, lo veo duplicado. Alguna sugerencia? Trabajo con GeneratePress. Gracias
¡Hola, Maria! Tiene toda la pinta de haber alguna incompatibilidad con algún otro plugin. Lo mejor es que te dirijas directamente al desarrollador del plugin. ¡Saludos!
Hola Miguel. Solucioné ese problema. Todo correcto, pero el menú me queda siempre desplegado en móvil. Alguna sugerencia?
¡Hola de nuevo, Maria!
Pues de la misma manera que antes, te lo soluciona seguro el desarrollador. ¡Saludos!
Hola Maria, yo tengo el mismo problema, cómo pudiste solucionarlo? Espero tu ayuda, gracias