Editor de Wix Harmony: personalizar el fondo de una sección
7 min
En este artículo
- Cambiar el fondo de la sección
- Animar el fondo de la sección
El fondo de una sección define el tono de tu página, guiando la atención y transmitiendo diferentes sensaciones a los visitantes a medida que avanzan por el sitio. Diseña secciones en sintonía con la identidad de tu marca y perfecciona cada detalle: elige un color sólido, una imagen o un video de la biblioteca, y aplica sutiles efectos para añadir profundidad.
Información útil:
Ahorra tiempo en el diseño eligiendo entre una amplia variedad de secciones listas para usar y totalmente adaptativas. Al agregar una nueva sección, puedes ver una amplia variedad y elegir una plantilla que se adapte a tus necesidades.
Cambiar el fondo de la sección
Cambia el fondo de tu sección para modificar al instante el aspecto de tu página. Elige un color, una imagen o un video que coincida con tu estilo y capte la atención.
Para cambiar el fondo de la sección:
- Ve al editor.
- Selecciona la sección correspondiente.
- Haz clic en Reemplazar fondo.
- Elige el tipo de fondo y personalízalo según tus necesidades:
Color
.
para obtener un color específico de la página.Degradado
.
, Radial 
, Cónico 
o Fluido 
.Imagen
.
.
para elegir el modo de ajuste de la imagen (Rellenar o Mosaico) y darle un nombre accesible (
.
para acceder a Video
.
. Animar el fondo de la sección
Dale vida a tu sección agregando una animación de desplazamiento de fondo. A medida que los visitantes se desplazan por la página, la animación crea un efecto dinámico y atractivo. Prueba opciones como Parallax, 3D o Zoom, y ajusta la configuración para que coincida con tu estilo.
Para animar el fondo de una sección:
- Ve al editor.
- Selecciona la sección correspondiente.
- Haz clic en el icono Animación
. - Selecciona una animación.
- (Opcional) Haz clic en Personalizar para ajustar los ajustes de la animación:
- Vista previa al desplazarse: haz clic en el icono Vista previa
para obtener una vista previa de cómo se reproduce la animación a medida que los visitantes se desplazan. - Zoom: arrastra el control deslizante para ajustar cuánto quieres acercar o alejar el zoom.
- Dirección: ajusta la dirección de la animación usando las opciones disponibles (por ejemplo en sentido de las manillas del reloj, hacia adentro o hacia afuera, etc.).
- Velocidad: arrastra el control deslizante para que la animación se mueva más rápido o más lento.
- Escalar: arrastra el control deslizante para decidir cuánto se desvanece el fondo.
- Ángulo: establece el ángulo de rotación de la animación.
- Estirar: establece la profundidad y la sensación 3D de la animación.
- Tipo de animación: elige si la animación presenta un fundido de entrada o de salida.
- Vista previa al desplazarse: haz clic en el icono Vista previa
Notas:
- Las animaciones disponibles dependen del tipo de fondo que elijas para la sección (es decir, color, imagen o video).
- Los ajustes de personalización varían según la animación que selecciones.