WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

QuadMenu Mega Menú, un plugin ideal para crear menús en WordPress

Jorge López by Jorge López
27 agosto 2018
in Plugins
Reading Time: 5 mins read
0

La mayoría de administradores de WordPress subestiman la importancia que tiene un simple menú en un proyecto web. Un menú sirve de enlace hacia los contenidos de la web para los visitantes. Si cuentas con un menú mal implementado, los usuarios no podrán acceder a todos los contenidos e incluso podrían llegar a perderse. La navegación es vital para cualquier sitio web que se precie, por eso hay que poner especial hincapié en que esté bien diseñado y sea amigable para con quien nos visita. En este artículo te mostraremos un plugin con el que serás capaz de crear menús profesionales. ¿Su nombre? QuadMenu Mega Menu.

¿Qué es QuadMenu Mega Menú?

QuadMenu Mega Menú es un plugin desarrollado por QuadLayers que te permite integrar en WordPress un mega menú completamente personalizado de forma sencilla y sobre todo, respetando el funcionamiento nativo. Este plugin cuenta con vairos planes PRO, y con una versión gratuita que puedes descargar desde el repositorio de plugins de WordPress.

Las versiones de pago cuentan con soporte personalizado, proceso de integración incluido, posibilidad de añadir un formulario de login, posibilidad de añadir pestañas, posibilidad de añadir un carrusel, posibilidad de añadir un enlaces a redes sociales…

Artículos relacionados

Blindaje digital para WordPress: nuevas plantillas seguras y plugin anti-fingerprint creados por @aitorroma

22 abril 2025

Cómo añadir el aviso sobre la política de cookies en Wordpress

14 septiembre 2015

ARVE: El Plugin Definitivo para Insertar Vídeos en WordPress

23 marzo 2025

Cómo hacer que nieve en WordPress

31 diciembre 2016

Pero lo más importante de QuadMenu es que ha sido desarrollado bajo la premisa «mobile first», por lo que encima de poder personalizar su diseño para que se adapte a tu tema, es totalmente responsive. Es decir, se adapta al tamaño del dispositivo con el que el usuario esté visitando la web. En otras palabras, se mostrará perfecto en móviles, en tabletas y en equipos de escritorio.

Características de QuadMenu Mega Menú

Una vez instalado y activado el plugin, se agregará una nueva sección en el menú lateral del backoffice de tu WordPress llamada QuadMenu PRO (como ves, en este artículo analizaremos la versión PRO del plugin).

Antes que nada, decir que el plugin QuadMenu Mega Menú coge por defecto el menú principal de tu web. Osea, no tendrás que volver a crear tu menú en el plugin tal y como hacen otros plugins de la misma temática.

Así que, mediante este plugin, únicamente nos tendremos que preocupar de la apariencia y del comportamiento del menú. Para ello, dentro de la sección QuadMenu PRO pulsa en la pestaña Opciones.

Como verás, el plugin nos deja dar de alta distintos temas para nuestro menú. Así, si cambiamos la apariencia de nuestra web y queremos que el menú vaya en concordancia, únicamente tendremos que crear un nuevo tema mediante el botón de la parte superior «Crear tema». Si por el contrario, quieres modificar el tema del plugin por defecto, ve a la pestaña Default Theme de la pestaña Opciones. Ni que decir tiene que, según vayamos creando nuevos temas para nuestro menú, se irán añadiendo nuevas pestañas para que podamos modificarlos.

Si has trasteado algo en estos menús, verás que el plugin te ofrece mil y una opciones de personalización. Comencemos con la subpestaña Menú, analizando todos sus campos:

  • Tema: Aquí podremos cambiar el nombre del tema de nuestro menú
  • Menú: Campo para cambiar la estructura del menú
  • Alinear: Definimos la orientación de los elementos del menú (navegación, redes sociales…)
  • Breakpoint: Pixeles hasta que el menú comienza a colapsarse
  • Ancho: Válido para forzar a un ancho un menú y que se ajuste a la pantalla
  • Inner: Válido para forzar a un ancho interno y que se ajuste al selector
  • Abierto: Actívalo si quieres que el menú se muestre desplegado por defecto
  • Divisor: Muestra una barra de separación pequeña entre cada elemento de menú
  • Carets: Muestra carets en los elementos con menús desplegables
  • Hover efecto: Por si quieres que al pasar el ratón por alguno de los elementos del menú se ejecute un efecto
  • Clases: Aquí puedes definir tus propias clases para el menú
  • Trigger: Evento que quieres que define el desplegamiento del menú (hover o click)
  • Max height: Definir altura máxima en los desplegables
  • Animation: Define una animación para los menús desplegables.

En la subpestaña Sticky podemos designar que nuestro menú sea fijo ante el scroll del usuario. Para ello, debemos activar el campo Sticky. En esta pantalla también podremos cambiar el color de fondo del menú, así como el alto del mismo e incluso el alto del logotipo.

En la subpestaña Movil, podremos personalizar el aspecto que tendrá nuestro cuando se muestre en un dispositivo móvil. Analizamos sus campos:

  • Sombra: Por si queremos mostrar una especie de sombra debajo del menú
  • Borde: Color del separador
  • Abierto: Aquí podremos seleccionar un color para el icono «hamburguesa» cuando esté abierto
  • Cerrar: Aquí podremos seleccionar un color para el icono «hamburguesa» cuando esté cerrado
  • Margen: Define los margenes

Pasaremos por encima de las siguientes subpestañas Desplegable y Tipography puesto que todos sus campos se explican solos y sirven para personalizar aún más nuestro menú. Únicamente decir que podrás modificar colores de fuente, colores de fondo, márgenes, colores de iconos, tamaño de subtítulo, fuentes para todos los textos…

Si eres un poco más tiquismiquis y quieres que el menú se adapte al 100% con tu tema, cuentas con una pestaña llamada Personalizar en la que puedes insertar CSS personalizado.

Ahora, si vuelves a la parte pública de tu web, verás como el menú principal de tu sitio habrá cambiado totalmente.

Y hasta aquí nuestro artículo sobre QuadMenu Mega Menú, un plugin ideal para crear menús en WordPress. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Tags: mega menumenúmenú flotantemenú stickyquadmenu
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

David Carrero lanza su primer plugin WordPress: «Read More Universal», compatible con más de 20 temas populares

24 junio 2025

Ligero, sin configuración y multilingüe, el nuevo plugin se adapta automáticamente a Twenty Twenty-Five,...

Noticias

Elementor celebra su noveno aniversario con descuentos de hasta el 75 % en toda su plataforma

22 junio 2025

La popular herramienta de creación web para WordPress lanza una campaña especial con importantes...

Plugins

WP Cerber: Un plugin de seguridad gratuito y potente para proteger WordPress

18 junio 2025

En el ecosistema de WordPress, la seguridad es una preocupación fundamental para cualquier administrador...

Plugins

Headers Security Advanced & HSTS WP: refuerza WordPress con cabeceras HTTP avanzadas y protección CSP

10 junio 2025

Headers Security Advanced & HSTS WP es uno de los plugins más completos para...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo añadir el aviso sobre la política de cookies en Wordpress

14 septiembre 2015

Hello Elementor: La plantilla ideal para WordPress

18 diciembre 2024

Convierte tu blog en un periódico impreso con el plugin Printable PDF Newspaper para WordPress

20 abril 2025

La curva de aprendizaje según el CMS

26 diciembre 2013

Migración y optimización de WordPress del alto tráfico

23 junio 2017
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.