Ayuda de Wix

Editor de Wix Harmony: personalizar el fondo de una sección

6 min
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.
Captura de pantalla de las opciones de Reemplazar fondo del Editor de Wix Harmony.
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:

  1. Ve al editor.
  2. Selecciona la sección correspondiente.
  3. Haz clic en Reemplazar fondo. 
  4. Elige el tipo de fondo y personalízalo según tus necesidades:
Nota sobre la vista móvil:

En la versión móvil, puedes cambiar el fondo de la sección a un color sólido o degradado diferente sin que esto afecte a la versión de escritorio. Los fondos de imágenes y videos se comparten, por lo que solo puedes reemplazarlos desde la versión de escritorio.


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:

  1. Ve al editor.

  2. Selecciona la sección correspondiente.

  3. Haz clic en el icono Animación .

  4. Selecciona una animación.

  5. (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.

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.