El menú es uno de los elementos más importantes de tu sitio web. Con una navegación ordenada y concebida de forma inteligente, ofrecerás a tus visitantes la orientación imprescindible o podrás dirigirlos hacia donde quieras que estén. Te presentamos cinco plugins de menú prácticos para WordPress, entre otros para menús móviles.
Los elementos más importantes de un sitio web: «above the fold»
¿Cuáles son los elementos de cualquier sitio web que llaman inmediatamente la atención a primera vista? Por regla general, son los que se colocan «above the fold», es decir, por encima del pliegue. En otras palabras, los que son inmediatamente visibles en la pantalla sin tener que desplazar el cursor hacia abajo.
Esto incluye el logotipo y el nombre del sitio, normalmente una función de búsqueda y los primeros artículos del blog en un lugar destacado o tus servicios o productos de la tienda. Y sobre todo el menú principal. Con WordPress ya tienes relativamente mucha libertad en el diseño del menú.
En el backend puedes crear tantos menús como quieras en Diseño -> Menús y utilizarlos en varios lugares de la web. Por ejemplo, en la barra de menú de la parte superior, en el pie de página o mediante un widget en la barra lateral. En este texto, nos centraremos principalmente en el menú principal, ya que es donde se suele requerir el mayor número de personalizaciones.
Rendimiento de un plugin menú
En WordPress puedes crear estos menús y también implementarlos con diferentes niveles, si tu WordPress theme ,o tema WordPress, lo permite. O (también dependiendo del theme) incluso hacer los llamados «mega menús», pero si necesitas estructuras más complejas o utilizas un theme sin un menú móvil atractivo y con capacidad de respuesta, llegarás a tus límites en algún momento.
La solución para esto, como tantas veces con WordPress, es por supuesto un plugin. Si buscas el término «menu» en el directorio de plugins WordPress encontrarás casi 1 000 resultados. Sin embargo, solo unos pocos son verdaderos plugins de menú, ya que la palabra "menu" está muy frecuentada en el mundo WordPress.
Así que ahora, antes de que tengas que sumergirte y perderte entre tantos y diversos plugins, esta tarea la hemos hecho por ti. Y te mostramos cinco plugins de menú que pueden mejorar tu navegación en WordPress.
Mega Menú Max
- Desarrollo: megamenu
- Instalaciones activas: más de 400 000
- Valoraciones: 4,5 de 5 estrellas en 400 valoraciones
El plugin WordPress Max Mega Menu es uno de los plugins de menú más populares y conocidos de WordPress. Permite convertir tu menú en un mega menú con unos pocos clics, en el que se puede insertar cualquier widget WordPress. Además, puedes personalizar el diseño del menú a tu página web y cambiar el comportamiento del menú por completo.
Esto último es importante, por ejemplo, si tu menú solo debe pasar a ser un menú para móviles en determinados anchos de píxel (también conocidos como tamaños de pantalla). O en la cuestión de lo que debe ocurrir al hacer clic en el título de un submenú. Lo que impresiona de «Max Mega Menu» es que se concebió la accesibilidad desde el principio: los menús también pueden manejarse completamente a través del teclado. Siguen una lógica que hace posible que personas con discapacidades visuales se orienten en el menú utilizando el teclado y los controles de voz. Un punto que, por desgracia, se olvida a menudo con soluciones similares.
Max Mega Menu se basa en el sistema de menús estándar WordPress. Por tanto, debería ser compatible con la mayoría de themes WordPress. Las 400 000 instalaciones activas hablan por el plugin, al igual que las 4,5/5 estrellas con más de 400 valoraciones en el directorio WordPress. Si necesitas aún más, también puedes desbloquear funciones adicionales a través de una versión de pago (versión Pro).
WP Mobile Menu - Menú responsivo amigable con el móvil
- Desarrollo: Rui Guerreiro
- Instalaciones activas: más de 80 000
- Valoraciones: 5/5 estrellas en 200 valoraciones
En 2021, un sitio web responsivo debería ser estándar desde hace 10 años. Por desgracia, esto todavía no ha llegado a todos los desarrolladores de themes. Y así, algunos themes siguen mostrando problemas de usabilidad en dispositivos móviles. Si a ti también te ocurre esto, el plugin WP Mobile Menu puede ayudarte (además de permitir un cambio de theme). La herramienta permite crear un menú móvil que tus visitantes encuentran visualmente y funcionalmente atractivo sin ningún conocimiento de programación. Algunas de las funciones:
- Tres niveles de menú para estructurar incluso menús grandes
- Gran flexibilidad en el diseño del menú
- Uso de Google Fonts
- Opción de ocultar elementos en el menú móvil
Con la versión Pro de pago del plugin (a partir de 77 $ al año o 200 $ para una licencia de por vida) puedes mejorar aún más el menú. Por ejemplo, una búsqueda en vivo, espacios para banners (si tienes patrocinadores o anunciantes, o en el marketing de afiliación) e iconos y elementos animados.
El hecho de que este plugin funcione en más de 80 000 sitios WordPress demuestra el problema que aún existe con los menús para móviles. Con más de 200 valoraciones y las mejores puntuaciones, WP Mobile Menu es una de las soluciones más populares para este reto.
Menú responsivo - Menú amigable con el móvil
- Desarrollo: ExpressTech
- Instalaciones activas: más de 100.000
- Valoraciones: 4,5/5 estrellas en 300 valoraciones
Un plugin similar es Responsive Menu de ExpressTech. También con este plugin podrás crear, optimizar y diseñar menús móviles si lo necesitas en tu sitio WordPress. Responsive Menu promete teóricamente hasta 22 500 variaciones diferentes que podrás utilizar para diseñar tus menús para móviles.
También hay una versión Pro de este plugin, pero a 30 $ al año es significativamente más barato que la versión WP Mobile Menu. Además de las opciones mencionadas para los menús móviles (es decir, en smartphones y tablets) también ofrece la opción de personalizar el menú para la versión de escritorio de tu sitio. Desgraciadamente, la accesibilidad, es decir, el control del menú mediante el teclado, también está oculta en la versión de pago.
Responsive Menu supera incluso a WP Mobile Menu con más de 100 000 instalaciones activas. Las 300 opiniones son mayoritariamente positivas y dan al plugin una valoración de 4,5/5 estrellas.
Menú Adhesivo, Cabecera Adhesiva en el Desplazamiento
- Desarrollo: WebFactory Ltd
- Instalaciones activas: más de 100.000
- Valoraciones: 5/5 estrellas en 450 valoraciones
El término «sticky» se refiere a un elemento que sigue siendo visible cuando se pasa por delante de este. Lo sabes, por ejemplo, por algunos anuncios o menús de páginas web. Si tus usuarios se desplazan hacia abajo, el menú permanece visible en la parte superior de la pantalla. Dependiendo del propósito de la aplicación, esto puede tener sentido para evitar que tus usuarios tengan que desplazarse hacia arriba si tu menú juega un papel central en el uso de tu sitio.
El Sticky Menu se puede implementar con muchos themes modernos o en parte también un pagebuilder (constructor de páginas) por defecto. Si esto no es posible, encontrarás una solución con el plugin Sticky Menu. Permite fijar y pegar tu barra de menús (y otros elementos si lo deseas).
Sin embargo, debes asegurarte de que este menú tiene realmente sentido. Al fin y al cabo, quieres dejar a tus usuarios el mayor espacio posible en la pantalla para tus contenidos o productos. Una barra de menús ocupa entre 80 y 150 píxeles, por lo que puede resultar rápidamente molesta.
El plugin es fácil de usar y funciona en 100 000 instalaciones de WordPress. Según los 450 informes positivos de valoraciones, funciona muy bien en general.
Mega Menú de WordPress - QuadMenu
- Desarrollo: Mega Menu
- Instalaciones activas: más de 20.000
- Valoraciones: 4,5/5 estrellas en 200 valoraciones
Un poco más desconocido que el Max Mega Menu es el plugin WordPress Mega Menu. Hace exactamente lo que el nombre deja averiguar: construir un mega menú en WordPress. Esto puede adaptarse visualmente al aspecto del sitio web, está preparado para los widgets y puede crearse fácilmente mediante la función de arrastrar y soltar (drag and drop). Además, ya hay demos para los «frameworks» y themes más importantes de WordPress, por ejemplo para Divi, Avada o OceanWP.
Lo positivo es que los desarrolladores hayan dotado al plugin de muchas funciones en la versión gratuita. Lamentablemente, han ocultado aspectos básicos sencillos detrás de la versión pro de pago, por ejemplo, la opción de los menús sociales. Al fin y al cabo, la versión pro solo cuesta 15 $ por una sola licencia.
WordPress Mega Menu viene con más de 20 000 instalaciones activas en 4,5/5 estrellas en 200 valoraciones y por lo tanto representa una alternativa al Max Mega Menu.
Conclusión: los plugins de menú puede mejorar tu sitio web
A partir de esta lista comprobarás que incluso las áreas elementales de cualquier sitio web WordPress pueden ser mejoradas y optimizadas con plugins. Como siempre, se aplica el mismo principio para los plugins de menú WordPress: utiliza solo plugins si es realmente importante y necesario, porque cada plugin adicional provoca que tu sitio se vuelva más pesado y complejo. Si construyes tu sitio en torno a la navegación, encontrarás suficientes extensiones en el directorio de plugins WordPress que te servirán de mucha ayuda.
Sin embargo, incluso antes de la instalación, ten en cuenta que muchos plugins de menú se basan en un modelo freemium. Esto quiere decir que recibirás una versión básica gratuita que luego podrás ampliar según tus necesidades con las versiones pro de pago. Aquí vale la pena echarle un vistazo a estacomparación de plugins, ya que para algunos casos necesitarás la versión de pago pero para otros te bastará con la versión gratis. De este modo no habrá nada que se interponga durante la elaboración del menú que deseas.
