Ir al contenido principal

Editar el fondo de la página

Personaliza el color o la imagen que se muestra detrás del contenido de tu página para crear un estilo visual único.

Escrito por Brian
Actualizado hoy

Editar el fondo de la página

Personaliza el color o la imagen que se muestra detrás del contenido de tu página para crear un estilo visual único.

El fondo de la página es lo que se muestra detrás de tu contenido. Puedes usar un color sólido, una imagen, o ser creativo con cómo se muestra la imagen de fondo. ¡Esto le da a cada página su propio aspecto único!

Qué puedes personalizar

Color de fondo: Un color sólido detrás de todo.

Imagen de fondo: Una foto o patrón detrás de tu contenido.

Tamaño de imagen: Cómo se escala la imagen de fondo (cubrir, contener, tamaño original, etc.).

Posición de imagen: Dónde se ubica la imagen (arriba, centro, abajo, etc.).

Cómo editar el fondo de la página

  1. Ve a Sitio web en tu navegación principal

  2. Encuentra la sección de Páginas

  3. Haz clic en la página que quieres editar

  4. Busca la configuración de Fondo (podría estar bajo diseño o estilo)

  5. Sube una imagen, elige un color y ajusta la configuración de tamaño/posición

  6. Haz clic en Guardar cambios

Subir una imagen de fondo

Cuando subes una imagen de fondo:

  1. Haz clic en el campo de imagen de fondo

  2. Elige un archivo de tu computadora

  3. Súbelo

  4. Configura cómo debe mostrarse (ver abajo)

  5. Guarda

¡La imagen aparece detrás del contenido de tu página!

Opciones de tamaño de imagen de fondo

Cubrir: La imagen se escala para cubrir toda la página. Podría recortar partes de la imagen.

Contener: Toda la imagen es visible. Podría dejar espacio vacío.

Tamaño original: La imagen se muestra en sus dimensiones reales, podría repetirse si es pequeña.

Estirar: La imagen se estira para llenar el espacio (puede distorsionar la imagen).

¡La mejor opción depende de tu imagen y el efecto deseado!

Opciones de posición de imagen de fondo

Arriba: La imagen se alinea a la parte superior de la página.

Centro: La imagen se centra vertical y horizontalmente.

Abajo: La imagen se alinea a la parte inferior.

Izquierda/Derecha: La imagen se alinea al lado izquierdo o derecho.

Personalizado: Algunos temas te permiten especificar posicionamiento exacto.

¡La posición importa más cuando tu imagen es más grande que la página o no cubre todo el espacio!

Consejos para imágenes de fondo

Mantenlo sutil. Los fondos recargados hacen difícil leer el contenido.

Usa patrones. Los patrones repetitivos se repiten bien y no distraen del contenido.

Revisa el contraste. Asegúrate de que tu texto sea legible contra el fondo.

Prueba en móvil. Los fondos se ven diferentes en teléfonos.

Optimiza el tamaño de archivo. Las imágenes de fondo grandes ralentizan tu sitio. ¡Comprímelas!

Color de fondo

Si no estás usando una imagen de fondo, o quieres un color detrás de tu imagen:

  1. Encuentra el campo de color de fondo

  2. Haz clic en el selector de color

  3. Elige tu color

  4. Guarda

¡Los colores sólidos son simples, cargan rápido y nunca distraen de tu contenido!

Eliminar una imagen de fondo

Para volver a un color sólido o fondo transparente:

  1. Edita la configuración de la página

  2. Encuentra el campo de imagen de fondo

  3. Haz clic en eliminar o borrar

  4. Elige un color de fondo (o déjalo predeterminado)

  5. Haz clic en Guardar cambios

Diferentes fondos para diferentes páginas

¡Cada página puede tener su propio fondo! Tu página de inicio podría tener una foto, tu página de viaje un color sólido, y tu página de eventos un patrón sutil.

O mantenlos todos iguales para consistencia. ¡Tú decides!

Fondo vs. imagen de encabezado

Fondo: Se muestra detrás de todo el contenido de la página.

Imagen de encabezado: Se muestra solo en la parte superior de la página.

¡Son separados! Puedes usar uno, ambos o ninguno.

Compatibilidad con temas

Cómo se muestran los fondos depende de tu tema. Algunos temas soportan todas las opciones de tamaño y posición, otros son más limitados. ¡Experimenta para ver qué funciona con tu tema!

Fondos fijos vs. con desplazamiento

Algunos temas permiten que los fondos permanezcan fijos mientras el contenido se desplaza sobre ellos (efecto parallax). Otros desplazan el fondo con el contenido. ¡Revisa las opciones de tu tema!

¡Personalizar los fondos de página te permite crear aspectos distintos para diferentes partes de tu sitio web de boda!

¿Ha quedado contestada tu pregunta?