Personaliza el fondo de tu página web con las herramientas de SiteW

23 noviembre, 2022 - Claire Tourtoulou
41827 vistas

3 minutos

Para personalizar el diseño de tu página web y para que tenga un aspecto totalmente diferente, puedes cambiar el fondo. El equipo técnico de SiteW implementó nuevas posibilidades para el diseño de tu página web. ¡Y lo mejor de esto es que podrás activar todas estas nuevas opciones con un simple clic marcando una casilla!

Ahora SiteW te ofrece la posibilidad de añadir efectos especiales al fondo de tu página web: imagen, imágenes Parallax, video, textura, color sólido, degradado. Puedes añadir estas opciones a la página de fondo de tu sitio web para tener el mismo fondo en todo el sitio web o elegir un fondo diferente para cada página o algunas de ellas.

¿Cómo accionar las opciones de personalización de fondo de la página?

  • Ve en la página de fondo o en la página a modificar
  • Haz clic en la pestaña Diseño, luego en el botón Fondo de la página
  • Marca la casilla que corresponde al efecto deseado
  • Modifica la configuración

Agregar una imagen de fondo

Después de marcar la casilla Imagen, elige tu imagen en el administrador de archivos de SiteW. Puedes cargar una imagen desde tu ordenador o buscar en los bancos de imágenes disponibles, gratis y libres de regalías. Para un mejor resultado, piensa en utilizar una foto de calidad suficiente (lo ideal es de 1000 a 2000px de ancho).

Agregar una textura

Marca la casilla Textura y elige una pequeña imagen repetible que te permitirá crear un motivo.

Agregar un color

Para un fondo sólido, marca la casilla Color y selecciona tu fondo de manera simple gracias a la herramienta de selección de color. Si conoces el color preciso que quieres, puedes también introducir directamente su código hexadecimal.

Agregar un fondo degradado

Marca la casilla Degradado, luego elige en el menú desplegable el tipo de degradado deseado: vertical, horizontal o radial.
Más abajo puedes elegir los colores del degradado. Haz clic en los cuadrados coloridos para elegir los colores utilizando la herramienta de selección de colores o, una vez más, introduciendo el código html del color deseado.

Puedes añadir tantos puntos coloridos como desees haciendo clic en la barra de degradado y así crear un degradado multicolor. También es posible arreglar las proporciones de cada color del degradado, simplemente moviendo los puntos coloridos que has creado a lo largo de la barra de degradado, con el ratón.
La casilla Animación lenta te permitirá activar la opción de animación y obtener un movimiento fluido y uniforme a tu degradado. Este efecto se puede probar por los paquetes Starter en la herramienta de creación de páginas web, pero sólo se activa en los sitios Premium o Pro.

Agregar una o varias imágenes Parallax

Esta opción te permite añadir una o varias imágenes de fondo que desfilan ligeramente más lentamente en comparación con el contenido de la página web para crear un efecto 3D impresionante. Si eliges una sola imagen, desfilará muy lentamente a medida que se desplace hacia abajo en la página.
El fondo parallax se puede probar por los paquetes Starter en la herramienta de creación de páginas web, pero sólo se activa en los sitios Premium o Pro.

Agregar un video

Ver la demostración
Ver la demostracVer la demostración

Elige un video entre los disponibles en Youtube o Dailymotion. Privilegia videos lentos y abstractos, como animaciones gráficas, paisajes o videos desenfocados.
El fondo Video se puede probar por los paquetes Starter en la herramienta de creación de páginas web, pero sólo se activa en los sitios Premium o Pro.


Ahora tienes un conjunto de herramientas para crear una página web totalmente personalizada con efectos únicos y originales. ¡Adelante!

Claire Tourtoulou
Responsable de Redes Sociales
Como apasionada de la Web y autodidacta, me encanta aprender cosas nuevas y compartir mis conocimientos con los demás. En paralelo, administro un blog sobre mi segunda pasión: los videojuegos. Aparte de eso, dedico gran parte de mi tiempo al deporte y a las mascotas. 🐶

Última actualización: 23 noviembre, 2022