Saltar al contenido

Mega menu wordpress

julio 16, 2022

Mega menú elemental

Es cierto que el menú por defecto de WordPress tiene algunas buenas características, pero es bastante básico, y los menús pueden ser bastante aburridos. Si quiere que su sitio web destaque entre los demás, debería considerar la posibilidad de añadir un plugin de mega menú que le ayude a añadir menús a su sitio web que sus visitantes adoren y aprecien.

Un mega menú es, simplemente, un menú expandible que le permite mostrar múltiples opciones utilizando varios diseños. Le permiten mostrar considerablemente más información y detalles a los visitantes de su sitio web, a la vez que hacen que la navegación por su sitio web sea absolutamente sencilla. Si quiere ver mega menús en acción, no tiene más que mirar el sitio web de Amazon, que los utiliza ampliamente para ayudar a los clientes a encontrar productos fácilmente.

Añadir un plugin de mega menú a su sitio web le permitirá darle un aspecto mucho más profesional, ayudando a crear confianza (nadie confía en un sitio web feo o amateur, ¿verdad?), mientras que la facilidad de navegación añadida mantendrá a los usuarios activamente comprometidos.

WP Mega Menu le permite crear llamativos mega menús en su sitio web de WordPress. Al igual que con muchos otros plugins de mega menús, la creación de sus menús con este plugin premium es fácil gracias a las herramientas de arrastrar y soltar, mientras que una impresionante gama de características de personalización le permite obtenerlos exactamente como usted quiere.

Ejemplos de mega menú

…Sí, probablemente. Sin embargo, una mala navegación puede ser el talón de Aquiles de un sitio web de calidad. La facilidad de navegación es una de las características más útiles de un sitio web; si el suyo carece de ella, es suficiente para enviar a alguien a un competidor con mejor UX.

  Limite de memoria wordpress

Un megamenú es un tipo de menú que contiene muchas opciones presentadas en un formato desplegable o flyout. Este es un ejemplo de un sitio de turismo canadiense, que agrupa sus enlaces de navegación en categorías:

Los mega menús se utilizan en sitios web de gran tamaño (piense en tiendas online y sitios corporativos) para ayudar a los visitantes a localizar rápidamente el contenido deseado. Un mega menú también puede contener otros tipos de contenido, como una barra de búsqueda, imágenes o vídeos, y/o elementos interactivos.

Aunque WordPress permite construir menús básicos, negociar su herramienta puede ser un reto a medida que el tamaño de su menú crece. Por eso hemos recopilado 11 de los mejores plugins gratuitos y premium de WordPress para configurar y añadir megamenús a tu sitio web.

Con más de 300.000 instalaciones activas hasta la fecha, Max Mega Menu es el principal plugin de mega menús del directorio de plugins de WordPress y el preferido por muchos administradores. La versión gratuita de este plugin se integra con el constructor de menús nativo de WordPress, permitiéndole añadir un flyout o mega menú a su sitio web.

Tutorial de mega menú Wp

En caso de que no estés familiarizado, un mega menú es básicamente un menú desplegable más grande de lo normal que te permite mostrar mucha más información que un menú desplegable normal. Por ejemplo, piensa en esos grandes menús que utiliza Amazon:

Primero, elige el tipo de modo de visualización que quieres utilizar. Yo usaré el Mega Menú – Grid Layout para este tutorial ya que es bastante flexible. Luego, utiliza el menú desplegable de la derecha para añadir un widget a tu mega menú:

  No puedo entrar a mi correo roundcube

Puedes usar cualquiera de los widgets estándar de WordPress en tu mega menú, lo que te da mucha flexibilidad. Y también puedes utilizar los botones + Columna y + Fila para organizar el diseño de tu mega menú.

*Nota – si usted está usando el tema Hestia, Max Mega Menu ya incluye un tema de diseño pre-construido para solucionar este problema. Todo lo que tienes que hacer es ir a Apariencia → Menús y elegir la opción Hestia en el desplegable de Tema en la Configuración de Max Mega Menu – ¡no es necesario editar ninguna otra configuración!

Ahora tienes todas las herramientas que necesitas para crear un mega menú básico de WordPress. Pero Max Mega Menu tiene una profunda lista de características, por lo que si desea personalizar algún pequeño aspecto de cómo funciona su mega menú, le animo a explorar más a fondo la configuración del plugin para ver todo lo que hay que ofrecer.

Mega menú de WordPress sin plugin

Alternativamente, desde la versión 1.1, está disponible la opción de asignar elementos de menú al segundo nivel del menú principal directamente en Diseño -> Imágenes de los menús, independientemente de si se trata de una categoría de producto o no.

Para mostrar una categoría y la imagen asignada a la misma en el menú es necesario hacer que la categoría esté subordinada al elemento de menú. Esto se puede hacer en Diseño -> Menús. Si no hay categorías de productos disponibles para la selección, debe hacer clic en el botón Cambiar vista y marcar la casilla Categorías de productos. En la captura de pantalla, la tienda está en la primera capa del menú y las categorías de ropa, decoración, música y snowboard están en la segunda. Las categorías de productos que se encuentran en la segunda capa y a las que se les ha asignado una imagen se muestran una al lado de la otra con su nombre e imagen. Todos los subartículos (por ejemplo, camisetas, accesorios y sudaderas en el caso de la ropa) se encuentran en la tercera capa del menú.

  502 bad gateway error

Si utiliza la opción «Elementos del menú como fuente de imagen» (véase más arriba), definirá las imágenes directamente en el menú en Diseño -> Menús. Si hace clic en un elemento del menú del segundo nivel, puede seleccionar una imagen. Opcionalmente, también puede especificar otra imagen, que se mostrará al pasar el ratón por encima de la primera imagen. También puede establecer si el menú debe mostrarse por encima o por debajo de la imagen.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad