Editor de Wix Studio: agregar y personalizar un megamenú
4 min de lectura
Los megamenús son contenedores que puedes agregar a un menú horizontal. Cuando los visitantes pasan el cursor sobre el elemento del menú correspondiente, se abre el contenedor. Diseña el contenedor desde cero y decide para qué quieres usarlo: navegación de varios niveles, mostrar productos destacados o para cualquier otro propósito.
Debes saber lo siguiente:
Solo es posible agregar un contenedor de megamenú a un menú horizontal. Los contenedores de megamenú no son compatibles con los menús verticales, los menús de anclas ni los menús tipo hamburguesa.
En este artículo, aprenderás a hacer lo siguiente:
Agregar y configurar un contenedor para el megamenú
Agrega el contenedor del megamenú como un ítem a un menú existente y asígnale el nombre que quieras. Recomendamos usar un título que refleje el contenido previsto, como "Servicios" o "Nuestra historia".
Una vez que hayas agregado y nombrado tu contenedor, agrégale elementos como botones, formas y texto para crear el contenido que deseas.
Para agregar un megamenú:
- Selecciona el menú horizontal correspondiente en el Editor.
- Haz clic en Administrar menú.
- Haz clic en + Agregar ítem en la parte inferior del panel.
- Selecciona Megamenú.
- Ingresa un título para el megamenú.
Consejo: Este es el título sobre el que los visitantes pasan el cursor para ver el megamenú. - Haz clic en Listo.
- Agrega contenido al megamenú:
- (En el panel Administrar menú) Haz clic en Editar junto a Contenedor.
- Agrega los elementos que necesites al contenedor.
Ajustar el estilo del contenedor del megamenú
Después de agregar los elementos que deseas al megamenú, cambia el estilo para que coincida con la estructura de tu página. Puedes ajustar el espaciado y decidir cuánto se estira el contenedor.
Para cambiar el estilo:
- Selecciona el menú correspondiente en el Editor.
- Haz clic en el icono Estilo
. - Haz clic en Megamenú.
- Usa las opciones para ajustar el estilo:
- Estirar contenedor: decide si el contenedor se estira o no al ancho total de la pantalla del visitante. Cuando la palanca está desactivada, puedes establecer el ancho deseado en el lienzo o en el panel Inspector profesional.
- Márgenes: agrega espacio (en px o %) entre el contenedor del megamenú y los bordes de la pantalla.
- Espacio entre ítems y contenedor: haz que el espacio entre el menú y el contenedor del megamenú sea más grande o más pequeño arrastrando el control deslizante.
Diseñar el megamenú
Una vez que hayas ajustado el estilo del contenedor, diseña los bordes, el fondo y más. Para mantener un aspecto uniforme, los cambios que realices en el megamenú también se aplican a cualquier submenú que hayas agregado.
Para personalizar el diseño del contenedor:
- Selecciona el menú correspondiente en el Editor.
- Haz clic en el icono Abrir Inspector profesional
en la parte superior derecha del Editor.
- Selecciona Contenedor de submenú en el menú desplegable ¿Qué quieres diseñar?
- Usa las opciones disponibles para diseñar el contenedor:
- Relleno de fondo: establece un color, un degradado o un fondo de imagen para el contenedor. Puedes agregar varias capas de fondo con diferentes niveles de opacidad.
- Bordes: agrega y diseña los bordes del contenedor.
- Esquinas: haz que las esquinas del contenedor sean más redondeadas o más angulosas.
- Sombreado: agrega una sombra detrás del contenedor para obtener un efecto 3D.
¿Te ha sido útil?
|