Los siete complementos de menú de WordPress más receptivos (2020)

Los menús de navegación son una parte integral de cualquier sitio web exitoso. En resumen, los visitantes ayudan a moverse. Esto mejora el flujo de su sitio y alienta a los visitantes a permanecer en el sitio por más tiempo, consumir más contenido y alcanzar sus objetivos de conversión. entonces todo está bien.

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

Por lo tanto, es una decisión fácil crear y diseñar sus menús de navegación desde un punto de vista estético y de navegación.

  

Afortunadamente, hay muchos complementos de menú excelentes para usuarios de WordPress. En este artículo, los revisamos para presentar 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.

Vamos, los siete complementos de menú de WordPress más receptivos (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: UberMenuCon más de 60,000 descargas hasta ahora, este complemento es increíblemente popular y ocupa el tercer lugar en la lista de complementos más vendidos de CodeCanyon.

El complemento UberMenu te permite crear algunos de los menús más bellos que puedes encontrar en el mundo de WordPress. Se llaman "mega menús" y pueden ser increíblemente complejos. Los visitantes pueden explorar un número ilimitado de submenús. Cuando se trata de mejorar la navegación, los mega menús no tienen precedentes.

Con UberMenu puede agregar imágenes, símbolos y descripciones a los elementos del menú.

El principal punto de venta del complemento es el contenido expandido que puede agregar a sus mega menús. Para empezar, esto incluye fotos, Google Maps y publicaciones de blog. UberMenu incluso puede extraer dinámicamente el contenido del blog para estas cuadrículas en función de una variable de su elección; por ejemplo, la variable puede ser la categoría de publicación, el tipo de publicación, el padre o el autor. El complemento también agrega automáticamente imágenes seleccionadas de elementos a la cuadrícula para garantizar que los menús siempre se vean bien.

UberMenu también se puede integrar en widgets y códigos cortos de terceros. Esto significa que puede integrar características de otras adiciones en sus menús para brindar a los visitantes una experiencia aún mejor.

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

UberMenu le permite agregar mapas y formularios de contacto a sus menús.

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

Con tanta versatilidad, se le perdona por hacer que estos menús sean difíciles de crear. Sin embargo, gracias al generador de complementos intuitivo, este no es el caso.

Con el generador, puede personalizar sus menús utilizando cuadrículas receptivas hasta 12 Cree columnas que pueda llenar con bloques de contenido. Para personalizar estos bloques, simplemente haga clic en el bloque deseado. UberMenu enumera las configuraciones disponibles. También puede darle vida a su menú en tiempo real con WordPress Customizer: esta vista previa en vivo es invaluable.

UberMenu crea una amplia selección de tipos de menú y submenú. Incluso puedes silenciarlo para crear menús flotantes en la escuela.

Una captura de pantalla de un menú desplegable de UberMenu

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

O puede hacer lo mejor que pueda y combinar una variedad de estas opciones en un menú: todo el Shebang.

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

O utilice las funciones 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 ajustar sus menús verticalmente si lo desea. Estos menús admiten las mismas funciones y funciones, pero con una direcció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 en la página sin perder funcionalidad.

Si bien UberMenu ahora es totalmente receptivo, el diseño complicado de mega menús puede hacerlos menos adecuados para dispositivos más pequeños. Si cree que este es el caso, los desarrolladores de UberMenu les han dado a los usuarios un complemento gratuito para menús móviles: ShiftNav, Esto le permite crear menús de navegación de estilo de aplicación para usuarios móviles.

Finalmente, debido a la imparable popularidad de UberMenus, los desarrolladores han lanzado cuatro extensiones oficiales.

Las extensiones se aplican a cada 8 USD o como 19 USD disponible hacer.

2, Max Mega Menú (GRATIS)

Complemento Max Mega Menu

La función "Mega Menú" está relativamente expandida, lo que significa que generalmente solo puede encontrarla en complementos premium. Pero si sabe dónde buscar, puede encontrarlo gratis.

Presentamos Max. Menú Mega, un excelente complemento de megamenú disponible en el archivo oficial de complementos de WordPress. Una vez que el complemento está instalado y habilitado, sus menús de WordPress existentes se actualizan automáticamente a los menús de megamen.

Una captura de pantalla de un menú Mega Max con 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 gracias al generador de arrastrar y soltar. También puede obtener una vista previa en tiempo real y tomar decisiones de estilo mientras viaja.

Hablando de estilo: Max Mega Menu ofrece opciones de personalización casi ilimitadas. Las fuentes, tamaños, colores y símbolos son solo la punta del iceberg con más de 100 personalizaciones compatibles. También hay algunas agradables animaciones CSS3 integradas para ayudarlo a ver sus menús aún mejor.

Al igual que con cualquier complemento de megamenú, también puede crear algunos menús bastante complicados aquí. Puede agregarles muchas cosas interesantes, incluidas imágenes y contenido dinámico (como mapas), y dado que puede agregar widgets a sus menús con Max Mega Menu, incluso puede integrar la funcionalidad en otros complementos. Esto significa que se pueden integrar características como calendarios, videos y formularios de contacto.

Una captura de pantalla de un menú Max Mega con calendario, formulario de contacto y mapas.

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

La mejor parte es que Max Mega Menu es uno de los complementos más rápidos de Mega Menu, menos de 2 Los pesos y estilos de KB están limitados a un solo archivo CSS.

Si le gusta lo que ve, considere actualizar a Por solo 19 Dólares estadounidenses Con la versión Pro, puede agregar a sus menús las funciones de pago de WooCommerce y Easy Digital Download.

3, Superfly ($ 22)

plugin de Superfly

Si prefiere menús verticales en lugar de la orientación horizontal tradicional, siga leyendo plugin de Superfly, También funciona como un gran ahorro de espacio, lo que le permite utilizar todas las dimensiones de la pantalla.

Esto se logra ocultando el menú detrás de una tecla de mayúsculas en la esquina superior. Cuando haga clic en él, aparecerá el menú, permitiendo a los visitantes navegar por su sitio libremente. Sin embargo, también puede adjuntar permanentemente el menú a un lado de la pantalla.

¿Por qué quieres un menú vertical? Primero, se consideran más móviles. También los encontrará con menos frecuencia, lo que los convierte en una adición sorprendente a cualquier sitio. No es sorprendente que Superfly admita una serie de opciones de estilo que ayudan a 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 muestran desde el costado de la pantalla.

El complemento viene con una biblioteca de símbolos, innumerables fuentes de Google y un ajuste de color. También puede cargar imágenes personalizadas en sus menús desde una imagen de fondo al logotipo que aparece 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ú.

A medida que se abren los menús en la pantalla, se admiten hasta cuatro niveles de submenús. Las capas adicionales se ven igual de impresionantes y se pueden configurar en un estilo único, como se muestra en la siguiente captura de pantalla.

Una captura de pantalla con un submenú Superfly

Con Superfly puedes crear diseños únicos para cada subnivel en tu menú.

Dado que estos menús extraños pueden no ser adecuados para cada situación, Superfly ofrece diferentes opciones de orientación de página. Aquí puede deshabilitar los menús de Superfly para grupos de usuarios específicos, p. B. usuarios de escritorio o en páginas específicas.

Una última característica: también puede agregar botones para compartir en las redes sociales en la parte inferior de sus menús, admitir más de diez redes sociales. Esperemos que esto conduzca a una mayor acción social para su contenido.

4, Menú de respuesta (GRATIS)

Complemento de menú receptivo

Si te gustan los menús verticales de Superfly pero no tienes el presupuesto, este es Complemento de menú receptivo Te puede interesar Este complemento crea excelentes menús verticales y se puede descargar de forma gratuita desde la biblioteca oficial de complementos.

Como complemento gratuito, el menú receptivo viene con una impresionante cantidad de personalizaciones, de hecho más de 150. Estas cubren todas las personalizaciones comunes (fuente, tamaño, dirección y color) y también puede cargar fondos, logotipos e íconos personalizados. Para que pueda personalizar sus menús Note préstamo.

Una captura de pantalla de un menú creado con el menú Responsive

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

El complemento ancla un botón de menú simple en la parte superior derecha de la pantalla. Cuando haga clic en este botón, aparecerá el menú con un agradable efecto de animación. Como los menús ocupan mucho más espacio en la pantalla que Superfly, cada nivel posterior se abre y no se oculta, como se muestra en la siguiente pantalla.

Una pantalla con submenús con menú receptivo

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

Otras características útiles son los menús de búsqueda para sus menús y la capacidad de seleccionar los tamaños de pantalla en los que aparecen los menús.

Si te gusta la versión gratuita, un $ 1499 edición está disponible e introduce características de vista previa en vivo, FontIcons y elementos de menú animados.

5, Menú Hero ($ 19)

Agregar al menú de héroe

Con nuestra próxima incorporación, volvemos a los mega menús: Menú completo, El complemento ofrece una gran versatilidad e innumerables opciones de personalización, lo que le permite crear opciones de menú casi ilimitadas.

El menú Hero viene con más de 250 iconos gratis. Puede personalizar sus menús con una selección de 650 fuentes de Google y colores infinitos. Para ayudar a aquellos de ustedes que carecen de un talento natural para el diseño, también encontrarán 60 increíbles opciones de color creadas por un equipo de diseñadores gráficos experimentados.

Una captura de pantalla del menú del héroe.

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

Gracias a la interfaz personalizada optimizada, el complemento también hace que la creación de menús sea divertida. Todo es arrastrar y soltar para que pueda agregar profundidad a sus menús, reorganizar los elementos del menú y ajustar fácilmente el diseño.

Hero Menu admite todo el megacontenido común: imágenes, videos, mapas y contenido de blog, así como códigos cortos y widgets de otros complementos. Hero Menu también es compatible con WooCommerce, lo que significa que puede agregar productos, precios y miniaturas a sus menús. También puede habilitar fácilmente una función de búsqueda y botones para compartir en redes sociales.

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

Incluso puede agregar productos WooCommerce a su menú.

El complemento también viene con la función "Menú fijo", lo que significa que se mantiene en la parte superior de la pantalla, incluso si un visitante se desplaza hacia abajo en la página. Y cuando Hero Menu reconoce a los visitantes con dispositivos más pequeños, los menús se combinan automáticamente en algo más móvil.

Finalmente, el menú de héroe ajusta qué menú ve un visitante, dependiendo de su rol de usuario de WordPress. Esta es una característica útil al iniciar sesión en los visitantes.

6, Menú de respuesta de WP (GRATIS)

WP Responsive Menu Plugin

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

Dado que el complemento está dirigido a usuarios móviles, muchas de sus características principales se adaptan a las características de los dispositivos móviles. Los visitantes pueden pasar por los menús y pellizcar sus pantallas táctiles para hacer zoom.

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

Una captura de pantalla del complemento WP Responsive Menu

Puede configurar los menús para moverse desde el borde superior, izquierdo o derecho de la pantalla. También puede especificar el ancho de los menús 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ú y ajustar todos los colores (fondo, texto y marco) y el texto del menú. Incluso puede integrar una función de búsqueda simple en la parte inferior del menú.

Lo mejor de todo es que la instalación está increíblemente optimizada, lo que significa que podría estar en funcionamiento en minutos.

7, WP Floating Menu Pro (17 Dólares estadounidenses)

Plugin WP Floating Menu Pro

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

El complemento crea dos tipos de menús:

  • Navegar a una página
  • Menús fijos: este tipo de menú apunta a múltiples URL, como un menú típico de WordPress.

Ningún otro complemento en esta lista ofrece navegación unilateral. Así que centrémonos en eso. La función de navegación unilateral se dirige a sitios web creados en una sola página. Estos sitios generalmente se dividen en varias secciones. Por ejemplo, puede encontrar una sección o 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 una página web con una página.

Cuando un visitante hace clic en uno de los símbolos en los menús de navegación de una página, salta automáticamente 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 los visitantes desean: un menú "en línea". Suena bien, ¿no?

Además de esta fascinante funcionalidad, WP Floating Menu Pro ofrece muchos estilos de personalización. Primero hay 13 plantillas listas para usar que ofrecen una variedad de estilos de botones, esquemas de colores y efectos de animación. Sin embargo, cada plantilla se puede personalizar completamente. También puede crear su propio estilo desde cero para que sus menús coincidan con el estilo de su sitio.

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

Últimos pensamientos

Esto concluye nuestro resumen de los complementos de menú más receptivos para WordPress. Los complementos 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 unilaterales.

¿Qué es lo correcto para su sitio? Depende Elegir el complemento de menú correcto es una decisión importante porque los menús desempeñan una función y navegación importantes y son una parte integral de la estética de su sitio. En otras palabras, tómese su tiempo y asegúrese de tomar la decisión correcta.

Personalmente, me encanta el estilo de los mega menús: atraen la atención, también puedes agregarles muchas cosas buenas. Sin embargo, probablemente sean los mejores para sitios con muchas páginas diferentes. Sitios web que requieren un menú de navegación realmente completo.

Los menús verticales, por otro lado, son ideales para sitios que necesitan maximizar el uso del espacio. El menú está oculto detrás de un asa, lo que significa que su contenido ocupa toda la pantalla, ideal para sitios web con pantalla completa o video.

Con complementos gratuitos en cada categoría, recomiendo probar algunos tipos de menú diferentes para averiguar cuál prefiere. Si sabe qué estilo le gusta, consulte algunas de las configuraciones premium para ver qué complemento desea usar en el futuro. Con muchas características y características adicionales, las configuraciones premium son realmente mejores que las gratuitas.