Los siete mejores complementos de menú receptivo para WordPress (2020)

Los menús de navegación son un componente esencial de cualquier sitio web exitoso. En pocas palabras, ayudan a los visitantes a moverse. Esto mejora el flujo de su sitio web, alentando a los visitantes a permanecer en el sitio por más tiempo, consumir más contenido y alcanzar sus objetivos de conversión; todo lo bueno, en otras palabras.

Sin embargo, más que esto, los menús de navegación son una parte integral del diseño general de su sitio: después de todo, se muestran en cada página única. Recuerde: un menú de navegación visualmente impresionante puede hacer que un sitio web promedio se vea genial, y lo contrario también es cierto.

Como tal, construir y diseñar sus menús de navegación es una decisión a la ligera, desde una perspectiva estética y de navegación.

Afortunadamente, hay toneladas de excelentes complementos de menú para usuarios de WordPress. En este artículo, los revisaremos para ofrecerte nuestros siete favoritos. Y, dado que todos los complementos de esta lista son totalmente receptivos, los usuarios de dispositivos móviles también pueden disfrutarlos.

Aquí vamos, los siete mejores complementos de menú receptivo para WordPress (incluidos los complementos gratuitos y premium).

Sin ningún orden en particular …

1. UberMenu ($ 19)

Comencemos con quizás el complemento de menú más poderoso de todos: UberMenu. Con más de 60,000 descargas hasta ahora, este complemento es increíblemente popular y ocupa el tercer lugar en la tabla de clasificación para los complementos más vendidos de CodeCanyon de todos los tiempos.

El complemento UberMenu te permite crear algunos de los menús más bellos que puedes encontrar en el mundo de WordPress. Llamados "mega menús", pueden ser increíblemente complejos, con niveles ilimitados de submenús para que los visitantes puedan explorar. Cuando se trata de mejorar la navegación, los mega menús no tienen paralelo.

Una captura de pantalla de un mega menú de UberMenu.

UberMenu le permite agregar imágenes, íconos y descripciones a los elementos del menú.

El principal punto de venta del complemento es el contenido avanzado que puede agregar a sus mega menús. Para empezar, esto incluye imágenes, Google Maps y cuadrículas de publicaciones de blog. UberMenu puede incluso extraer dinámicamente el contenido del blog para estas cuadrículas, basándose en una variable de su elección: la variable podría ser la categoría de publicación, el tipo de publicación, el padre o el autor, por ejemplo. El complemento también agregará automáticamente la imagen destacada de las publicaciones a las cuadrículas, asegurando que los menús siempre se vean bien.

Más allá de esto, UberMenu también se integra con widgets y códigos cortos de terceros. Esto significa que puede incorporar funcionalidades de otros complementos en sus menús, para una experiencia aún mejor para los visitantes.

Una captura de pantalla de un mapa de Google y un formulario de contacto incorporado en un UberMenu

Puede usar UberMenu para agregar mapas y formularios de contacto a sus menús.

Como es de esperar de un complemento que enfatiza el diseño, UberMenu se envía con muchas opciones de personalización. Estos incluyen 25 de las fuentes de Google más populares, así como tamaños de fuente e infinitos colores. También puede cargar una imagen de fondo personalizada para cada elemento del menú.

Con tanta versatilidad, se le perdonaría pensar que estos menús serían difíciles de construir. Sin embargo, este no es el caso, gracias al generador intuitivo del complemento.

El generador le permite crear sus menús utilizando cuadrículas receptivas con hasta 12 columnas, que puede completar con bloques de contenido. Para personalizar estos bloques, simplemente haga clic en el que desee, y UberMenu le mostrará las opciones disponibles. También puede ver cómo su menú cobra vida en tiempo real desde el Personalizador de WordPress: esta función de vista previa en vivo es invaluable.

UberMenu crea una gama versátil de tipos de menú y submenús. Incluso puede atenuarlo para crear menús flotantes de la vieja escuela.

Una captura de pantalla de un menú desplegable de UberMenu

Use UberMenu para crear menús de estilo más tradicional seleccionando la opción flotante.

O bien, puede hacer todo lo posible y mezclar y combinar una variedad de estas opciones en un solo menú: todo el shebang.

Una captura de pantalla de un UberMenu con todos los diferentes tipos de contenido.

O utilice las capacidades completas de UberMenu y combine menús desplegables, numerosas imágenes de fondo y una variedad de categorías de contenido.

Los resultados son realmente impresionantes, ¿verdad? E incluso puede alinear sus menús verticalmente, si lo desea. Estos menús admiten las mismas características y funcionalidades, pero con una alineación vertical.

Una captura de pantalla de un menú vertical creado con UberMenu.

¿Quieres ahorrar espacio en la parte superior de la pantalla? Coloque su UberMenu al costado de la página, sin pérdida de funciones.

Ahora, aunque UberMenu es totalmente receptivo, el intrincado diseño de los mega menús podría hacerlos menos adecuados para dispositivos más pequeños. Si cree que este es el caso, los desarrolladores de UberMenu han proporcionado a los usuarios un complemento de menú móvil gratuito: ShiftNav. Esto le permite crear menús de navegación de estilo de aplicación para usuarios móviles.

Finalmente, vale la pena señalar que, debido a la popularidad imparable de UberMenu, los desarrolladores han lanzado cuatro extensiones oficiales.

Las extensiones están disponibles por $ 8 cada una o como $ 19 haz.

2. Max Mega Menú (GRATIS)

Complemento Max Mega Menu

La funcionalidad del "Mega menú" es relativamente avanzada, lo que significa que normalmente solo la encontrarás en complementos premium. Sin embargo, si sabe dónde buscar, es posible encontrarlo de forma gratuita.

Introduciendo Max Mega Menu, un excelente complemento de mega menú disponible en el repositorio oficial de complementos de WordPress. Con el complemento instalado y activado, sus menús existentes de WordPress se actualizan automáticamente a mega menús.

Una captura de pantalla de un Mega menú máximo que muestra algunas imágenes.

Los mega menús que puede crear se ven impresionantes, ¡no está mal para un complemento gratuito!

Crear sus menús es fácil, cortesía del generador de arrastrar y soltar. También puede obtener una vista previa en tiempo real, y así tomar decisiones de estilo sobre la marcha.

Hablando de estilo, Max Mega Menu viene con opciones de personalización casi infinitas. Las fuentes, los tamaños, los colores y los íconos son solo la punta del iceberg, con más de 100 personalizaciones compatibles. También hay algunas animaciones CSS3 de gran aspecto incorporadas, que hacen que sus menús sean aún más fáciles de ver.

Al igual que con cualquier complemento de megamenú, también puede crear algunos menús bastante complicados. Puede agregarles un montón de cosas interesantes, incluidas imágenes y contenido dinámico (como mapas) y, dado que Max Mega Menu le permite agregar widgets a sus menús, incluso puede integrar la funcionalidad de otros complementos. Esto significa que puede incorporar funcionalidades como calendarios, videos y formularios de contacto.

Una captura de pantalla de un Max Mega Menú con calendario, formulario de contacto y mapa.

La captura de pantalla muestra solo algunos de los widgets que puede agregar a sus menús.

Lo mejor de todo es que Max Mega Menu es uno de los complementos de megamenús más rápidos que existen, pesa menos de 2 kb y los estilos se limitan a un solo archivo CSS.

Si le gusta lo que ve, considere actualizar a por solo $ 19. La versión Pro le permite agregar características de pago de WooCommerce y Easy Digital Download a sus menús, entre otras características interesantes.

3. Superfly ($ 22)

El complemento Superfly

Si prefiere menús verticales a la alineación horizontal tradicional, consulte el Complemento Superfly. También funciona como un fantástico ahorrador de espacio, permitiéndole usar todas las dimensiones de la pantalla.

Esto se logra ocultando el menú detrás de un botón de alternar en la esquina superior. Cuando se hace clic, el menú se desliza a la vista, lo que deja a los visitantes libres para navegar por su sitio web; sin embargo, también puede elegir anclar el menú permanentemente a un lado de la pantalla.

¿Por qué querrías un menú alineado verticalmente? Bueno, para empezar, se consideran más amigables para dispositivos móviles. También los encuentras con menos frecuencia, lo que los convierte en una adición bastante llamativa a cualquier sitio web. Y, como era de esperar, Superfly admite una gran cantidad de opciones de estilo, que lo ayudan a hacer que este tipo de menú inusual sea aún más llamativo.

Una captura de pantalla de un menú Superfly alineado a la izquierda

Los menús de Superfly se deslizan a la vista desde el costado de la pantalla.

El complemento se envía con una biblioteca de iconos, toneladas de fuentes de Google y personalización a todo color. También puede cargar imágenes personalizadas para sus menús, desde una imagen de fondo hasta el logotipo que se muestra en la parte superior del menú. También puede integrar widgets o códigos cortos de otros complementos, o crear estilos HTML personalizados. Incluso puede personalizar el diseño, la forma y la ubicación del botón de activación del menú.

Debido a que los menús se abren en la pantalla, se admiten hasta cuatro niveles de submenús. Los niveles adicionales se ven igualmente impresionantes y se pueden configurar con un estilo único, como se demuestra en la siguiente captura de pantalla.

Una captura de pantalla que muestra un submenú Superfly

Superfly te permite crear diseños únicos para cada subnivel de tu menú.

Debido a que estos menús extravagantes pueden no ajustarse a cada situación, Superfly ofrece varias configuraciones de orientación de página. Aquí, puede optar por deshabilitar los menús de Superfly para ciertos grupos de usuarios, por ejemplo, usuarios de escritorio, o en páginas específicas.

Una característica final: también puede agregar botones para compartir en redes sociales en la parte inferior de sus menús, con más de diez redes sociales compatibles. Con suerte, esto dará como resultado más acciones sociales para su contenido.

4. Menú receptivo (GRATIS)

Complemento de menú receptivo

Si le gustan los menús verticales de Superfly pero no tiene el presupuesto, el Complemento de menú receptivo puede interesarle Este complemento crea menús verticales de excelente aspecto y se puede descargar de forma gratuita desde el directorio oficial de complementos.

Para un complemento gratuito, Responsive Menu se envía con una impresionante cantidad de personalizaciones, de hecho, más de 150. Estos cubren todas las personalizaciones habituales (fuente, tamaño, alineación y color) y también puede cargar fondos, logotipos e iconos personalizados, lo que le permite agregar un toque personal a sus menús.

Una captura de pantalla de un menú creado con Menú receptivo

Puede agregar imágenes de fondo y una barra de búsqueda a sus menús.

El complemento ancla un botón de menú simple en la parte superior derecha de la pantalla y, cuando se hace clic en este botón, el menú se desliza a la vista con un hermoso efecto de animación. Debido a que los menús ocupan mucho más de la pantalla en comparación con Superfly, cada nivel posterior se abre hacia abajo, en lugar de hacia afuera, como se ve en la siguiente captura de pantalla.

Una captura de pantalla que muestra submenús con Menú receptivo

Al hacer clic, los elementos del submenú se abren hacia abajo en lugar de hacia afuera.

Otras características útiles incluyen la funcionalidad de búsqueda para sus menús y la capacidad de seleccionar en qué tamaños de pantalla se muestran los menús.

Si te gusta la versión gratuita, un $ 14.99 versión está disponible e introduce una funcionalidad de vista previa en vivo, FontIcons y elementos de menú animados.

5. Menú de héroe ($ 19)

Complemento de menú de héroe

Volvemos a los mega menús nuevamente con nuestro próximo complemento: Menú de héroe. El complemento cuenta con mucha versatilidad y toneladas de opciones de personalización, lo que significa que es posible crear diseños de menú casi infinitos.

Hero Menu se envía con más de 250 iconos gratis, y puedes personalizar tus menús con una selección de 650 fuentes de Google e infinitos colores. Para ayudar a aquellos de ustedes que carecen de un talento natural para el diseño, también encontrarán 60 preajustes de color impresionantes, creados por un equipo de diseñadores gráficos expertos.

Una captura de pantalla del menú del héroe

Mira todo el contenido genial que puedes agregar a un menú de héroe

El complemento también hace que la creación de menús sea muy sencilla, gracias a su interfaz personalizada optimizada. Todo es arrastrar y soltar, lo que le permite agregar profundidad a sus menús, reordenar los elementos del menú y ajustar el diseño con facilidad.

Hero Menu admite todo el contenido habitual de megamenús: imágenes, videos, mapas y contenido de blogs, además de códigos cortos y widgets de otros complementos. Sin embargo, Hero Menu también es compatible con WooCommerce, lo que significa que puede agregar productos, precios e imágenes en miniatura a sus menús. También puede activar fácilmente una función de búsqueda y botones para compartir en redes sociales.

Una captura de pantalla que muestra la integración de WooCommerce y Hero Menu

Incluso puede agregar productos WooCommerce a su menú.

El complemento también se envía con la funcionalidad de "menú fijo", lo que significa que permanece anclado en la parte superior de la pantalla, incluso cuando un visitante se desplaza hacia abajo en la página. Y, cuando Hero Menu detecta visitantes que utilizan dispositivos más pequeños, condensará automáticamente los menús en algo más amigable para dispositivos móviles.

Finalmente, Hero Menu ajustará qué menú ve un visitante, dependiendo de su rol de usuario de WordPress, una característica útil si requiere que los visitantes inicien sesión.

6. Menú de respuesta de WP (GRATIS)

El plugin WP Responsive Menu

Otro regalo de promoción a continuación: El Complemento de menú receptivo de WP, que se especializa en la creación de menús móviles deslizantes.

Debido a que el complemento está dirigido a usuarios móviles, muchas de sus características principales se adaptan específicamente a las funcionalidades que se encuentran en los dispositivos móviles. Los visitantes pueden navegar por los menús con gestos de deslizamiento, además pueden pellizcar sus pantallas táctiles para hacer zoom.

También puede configurar un menú específico para visitantes en dispositivos más pequeños y deshabilitar los elementos no deseados. Los visitantes en el escritorio verán el menú predeterminado, con la lista completa de opciones.

Una captura de pantalla del complemento WP Responsive Menu

Puede configurar los menús para que se deslicen desde la parte superior, izquierda o derecha de la pantalla. También puede especificar el ancho de los menús, ya sea en píxeles o como un porcentaje del tamaño de la pantalla.

También hay muchas opciones de personalización. Puede cargar un logotipo para el menú, así como personalizar todos los colores (fondo, texto y bordes) y el texto del menú. Incluso puede incorporar una función de búsqueda simple en la parte inferior del menú.

Lo mejor de todo es que la configuración es increíblemente optimizada, lo que significa que podría estar en funcionamiento en unos pocos minutos.

7. WP Floating Menu Pro ($ 17)

El plugin WP Floating Menu Pro

El último complemento que aparece en la lista de hoy es otro interesante: WP Floating Menu Pro. Como su nombre lo indica, el complemento crea menús "flotantes" y se ven geniales.

El complemento crea dos tipos de menús:

  • navegación de una página
  • menús fijos: este tipo de menú enlaza con múltiples URL, como un menú típico de WordPress.

Ningún otro complemento en esta lista ofrece navegación de una página, así que centrémonos en eso. La función de navegación de una página está dirigida a, usted lo adivinó, los sitios web creados en una sola página. Estos sitios web generalmente se dividen en varias secciones; por ejemplo, puede encontrar una sección o un formulario de contacto.

Una captura de pantalla de WP Floating Menu Pro

Al hacer clic en los iconos a la derecha, los visitantes pueden saltar a cualquier parte de un sitio web de una página.

Con los menús de navegación de una página, cuando un visitante hace clic en uno de los íconos, automáticamente "saltará" a esa parte de la página. Esto significa que el menú se utiliza para navegar hacia arriba y hacia abajo en la página, directamente a la sección que el visitante desea: un menú "en línea". Suena bien, ¿verdad?

Más allá de esta funcionalidad bastante intrigante, WP Floating Menu Pro viene con muchos estilos de personalización. Para empezar, hay 13 plantillas preconstruidas, que ofrecen una variedad de estilos de botones, esquemas de colores y efectos de animación. Sin embargo, cada plantilla es totalmente personalizable, además, puede crear su propio estilo desde cero, para que pueda adaptar sus menús al estilo de su sitio.

Con botones más pequeños en estos menús, los iconos son un elemento de diseño importante, y el complemento se entrega con tres conjuntos: iconos de tablero, iconos de FontAwesome e iconos generales. WP Floating Menu Pro también incluye menús aptos para dispositivos móviles, que puede activar con solo tocar un botón.

Pensamientos finales

Con esto concluye nuestro resumen de los mejores complementos de menú receptivo para WordPress. Los complementos que figuran en esta lista admiten una variedad de tipos de menú: mega menús, menús verticales, menús aptos para dispositivos móviles y menús de una página.

¿Cuál es el adecuado para su sitio web? Bueno eso depende. Elegir el complemento de menú correcto es una decisión importante, ya que los menús cumplen una función importante, la navegación, y son una parte fundamental de la estética de su sitio. En otras palabras, tómese su tiempo y asegúrese de tomar esta decisión correctamente.

Personalmente, me encanta el estilo de los mega menús: llaman la atención, además puedes agregarles muchas cosas geniales. Sin embargo, probablemente sean más adecuados para sitios web con muchas páginas diferentes; sitios web donde se requiere un menú de navegación realmente completo.

Por otro lado, los menús de estilo vertical son ideales para sitios web que necesitan maximizar el uso del espacio. El menú está oculto detrás de una palanca, lo que significa que su contenido ocupa toda la pantalla, perfecto para sitios web con una imagen o video a pantalla completa.

Con complementos gratuitos en cada categoría, mi recomendación es probar algunos estilos de menú diferentes para ver cuál prefiere. Luego, cuando sepa qué estilo le gusta, evalúe algunas de las opciones premium para determinar qué complemento usará en el futuro. Con muchas características y funcionalidades adicionales, las opciones premium son realmente superiores a las gratuitas.

Botón volver arriba