La funcionalidad Fondos de la aplicación Sitio permite añadir, detrás de uno o varios bloques de una página personalizada (página a medida), un fondo de color liso o una imagen.
- ¿Qué tipos de fondos puedo utilizar?
- ¿En qué páginas puedo utilizar un fondo?
- ¿Cómo añadir un fondo a mi página?
- ¿Cómo ajustar la altura de mi fondo?
- ¿Qué ancho puede tener un fondo?
- ¿Cómo configurar un fondo de color?
- ¿Cómo configurar un fondo de imagen?
- ¿Cuáles son las limitaciones conocidas de los fondos?
La funcionalidad Fondos no se aplica a las páginas generadas automáticamente por el software (blog, galería, etc.).
¿Qué tipos de fondos puedo utilizar?
Puedes utilizar dos tipos de fondos:
- Un fondo de color: un color liso detrás de uno o varios bloques.
-
Un fondo de imagen: una imagen de fondo, con:
- un filtro de color aplicado automáticamente al 30 % (no modificable);
- opcionalmente, un efecto paralaje.
¿Qué es el efecto paralaje?
El efecto paralaje hace que la imagen de fondo se desplace más lentamente que el resto de la página al hacer scroll. Esta diferencia de velocidad crea una sensación de profundidad. No hay que confundirlo con un carrusel:
- Un carrusel muestra varias imágenes en sucesión, a menudo en la parte superior de la página.
- El efecto paralaje se aplica a una sola imagen de fondo, cuya velocidad de desplazamiento difiere de la del resto de la página.
¿En qué páginas puedo utilizar un fondo?
Los fondos solo están disponibles en las páginas personalizadas a medida, es decir, las páginas que creas y editas libremente.
Los fondos no están disponibles en las páginas generadas automáticamente por algunos módulos del software.
¿Cómo añadir un fondo a mi página?
- Abre el editor de la página personalizada correspondiente, en la aplicación Sitio.
- Haz clic en Fondos en la barra de herramientas, a la izquierda de la página.
- Elige el tipo de fondo: Color o Imagen.
- Coloca el fondo en el lugar deseado, encima o debajo de tus bloques.
El fondo aparece detrás de los bloques correspondientes en el editor de la página.
¿Cómo ajustar la altura de mi fondo?
La altura de un fondo es libre: puedes redimensionarla según tus necesidades.
¿Qué ancho puede tener un fondo?
¿Puede un fondo ser parcial, como una tarjeta?
No. Un fondo ocupa siempre todo el ancho de la página, según la configuración elegida en el tema. No es posible limitar su ancho para crear una tarjeta con un fondo de color parcial.
¿Qué diferencia hay entre ancho finito y ancho infinito?
- Ancho infinito: el fondo se extiende por todo el ancho visible de la pantalla (visualización responsive).
- Ancho finito: el fondo se encuadra en un ancho fijo de 1131 px, centrado en la página, con márgenes visibles en las pantallas grandes.
Este ajuste se realiza en los parámetros del tema: abre Sitio > General y haz clic en Modificar el tema para acceder a la página de configuración del tema.
Ejemplo de resultado con ancho infinito:
Ejemplo de resultado con ancho finito:
- Haz clic en Fondos y elige un fondo de tipo color.
- Selecciona el color deseado.
¿Cómo configurar un fondo de color?
- Haz clic en Fondos y elige un fondo de tipo color.
- Selecciona el color deseado.
- Comprueba el contraste entre el fondo y los textos o elementos situados encima.
El color elegido aparece detrás de los bloques colocados sobre el fondo.
- Haz clic en Fondos y elige un fondo de tipo imagen.
- Importa o selecciona la imagen.
- Activa el efecto paralaje si lo deseas.
El filtro de color se aplica automáticamente al 30 %: este ajuste no es modificable.
¿Cómo configurar un fondo de imagen?
- Haz clic en Fondos y elige un fondo de tipo imagen.
- Importa o selecciona la imagen.
- El filtro de color se aplica por defecto al 30 %: este ajuste no es modificable.
- Activa o no el efecto paralaje.
La imagen aparece como fondo de los bloques, con su filtro de color al 30 %.
¿Por qué el efecto paralaje no aparece en el editor?
En el editor, el efecto paralaje no se ve: la imagen parece fija. El efecto paralaje se aprecia en la página publicada, del lado de los visitantes.
¿Cuáles son las limitaciones conocidas de los fondos?
- En móvil, las imágenes de fondo con efecto paralaje se recortan por los lados. Para limitar este recorte, utiliza una imagen en formato vertical o cuadrado de al menos 1920 px de ancho y agrupa tus bloques.
- Un fondo ocupa siempre todo el ancho de la página: no es posible crear un fondo de color que cubra solo una parte de la página, tipo tarjeta.
Comentarios
0 comentarios
El artículo está cerrado para comentarios.