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.
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:
Haz clic en el icono Color
.
Haz clic en el círculo de color.
(En el selector de color) Elige uno de los colores de tu marca o un color personalizado.
Consejo: Haz clic en el icono Cuentagotas
para obtener un color específico de la página.
Haz clic en el icono Imagen
.
Haz clic en el icono Agregar imagen
.
(En el Administrador de multimedia) Selecciona una imagen o súbela en el acto.
Haz clic en Agregar a la página para confirmar.
Ajusta cualquiera de las siguientes opciones:
Punto focal: arrastra el punto azul por la imagen para decidir qué parte de la imagen es visible.
Opacidad de la imagen: arrastra el control deslizante para que la imagen sea más o menos visible.
Modo de fusión: elige la forma en la que la imagen se fusiona con la capa de abajo (el color que aparece detrás). El valor predeterminado es Normal, lo que significa que la imagen y el color elegidos no se fusionan; el color solo aparece si la opacidad de la imagen es inferior al 100%.
Color de fondo de la imagen: selecciona el color que aparece detrás de la imagen de fondo si la opacidad de la imagen es inferior al 100%.
Ajustes
: haz clic en el icono para decidir cómo se escala la imagen para que se ajuste a la sección (Rellenar, Mosaico o Tamaño original de la imagen) y agrega Texto alternativo para que la imagen sea accesible para todo el mundo.
Nota: Si la imagen no incluye información importante para los lectores de pantalla y los motores de búsqueda, activa la palanca Establecer como decorativo en lugar de ingresar texto alternativo.
Consejos:
Siempre puedes hacer clic en Reemplazar imagen para seleccionar una imagen de fondo diferente. Para eliminar la imagen por completo, haz clic en el icono Eliminar
.
¿Necesitas retocar tu imagen? Haz clic en el icono Editar
para acceder a Wix Estudio fotográfico.
Haz clic en el icono Video
.
Haz clic en el icono Agregar video
.
(En el Administrador de multimedia) Selecciona un video o súbelo en el acto.
Haz clic en Agregar a la página para confirmar.
Ajusta cualquiera de las siguientes opciones:
Punto focal: arrastra el punto azul en el video para decidir qué parte del video es visible.
Opacidad del video: arrastra el control deslizante para que la imagen sea más o menos visible.
Modo de fusión: elige la forma en la que el video se fusiona con la capa de abajo (el color que aparece detrás). El valor predeterminado es Normal, lo que significa que el video y el color elegidos no se mezclan; el color solo aparece si la opacidad del video es inferior al 100%.
Color de fondo del video: selecciona el color que aparece como fondo detrás del video. Este color solo es visible si la opacidad del video es inferior al 100%.
Ajustes
: haz clic en el icono para ajustar la forma en la que se reproduce el video (por ejemplo, reproducción automática, reproducción en bucle, calidad, velocidad, etc.). También puedes darle al video un título accesible (Texto alternativo).
(Opcional) Haz una vista previa del fondo del video haciendo clic en el icono Reproducir
.
Consejo: Siempre puedes hacer clic en Reemplazar video en la parte superior para seleccionar un video de fondo diferente. Para eliminar el video por completo, haz clic en el icono Eliminar
.
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.