Ir al contenido principal

Editar el fondo del encabezado

Personaliza el color o imagen detrás de la sección del encabezado donde aparecen tus nombres, logo y navegación.

Escrito por Brian
Actualizado hoy

Editar el fondo del encabezado

Personaliza el color o imagen detrás de la sección del encabezado donde aparecen tus nombres, logo y navegación.

El fondo del encabezado es el color o imagen detrás de la sección de encabezado de tu sitio (donde viven tus nombres, logo y navegación). ¡Personalizarlo ayuda a que tu encabezado destaque y coincida con el estilo de tu boda!

Qué es el fondo del encabezado

El fondo del encabezado es el área detrás de:
- Los nombres de la pareja o logo
- Menú de navegación
- Cualquier otro elemento del encabezado

¡Puede ser un color sólido, degradado, imagen o transparente!

Por qué personalizarlo

Combina con tu tema. Coordina con los colores de tu boda.

Crea contraste. Haz que tus nombres y navegación sean legibles.

Agrega interés visual. Un patrón o color sutil agrega personalidad.

Consistencia de marca. Coincide con tus invitaciones u otros materiales de boda.

Cómo editar el fondo del encabezado

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

  2. Haz clic en el icono de configuración para abrir Configuración del sitio

  3. Haz clic en la pestaña Encabezado en la parte superior

  4. Desplázate hasta el final para encontrar Subir fondo del encabezado (1280px de ancho)

  5. Sube tu imagen de fondo

  6. Elige el modo de visualización: Cubrir, Contener o Ancho completo

  7. Configura la Posición del fondo del encabezado para controlar la alineación en diferentes dispositivos

  8. Opcionalmente marca Superponer imagen con texto blanco para mejor legibilidad

  9. Haz clic en Guardar cambios

¡Tu fondo del encabezado se actualiza!

Opciones de fondo

Color sólido: Un solo color (más común y limpio)

Degradado: Mezcla de un color a otro

Imagen: Una foto o patrón detrás del encabezado

Transparente: Sin fondo, muestra la página detrás

Elegir un color de fondo

Blanco o claro: Clásico, limpio, funciona con la mayoría de colores de texto

Oscuro: Dramático, moderno (usa texto de color claro)

Colores de boda: Coincide con tu paleta real de boda

Por defecto del tema: Quédate con lo que proporciona tu tema (¡a menudo una opción segura!)

Usar una imagen de fondo

¿Quieres una imagen detrás de tu encabezado?

Los patrones sutiles funcionan mejor: Texturas, acuarelas, florales suaves

Bajo contraste: Para que el texto siga siendo legible

Patrones repetitivos: Se distribuyen bien sin costuras visibles

Fotos borrosas: Las fotos con enfoque suave pueden funcionar como fondos

¡Ten cuidado! ¡Demasiado ocupado y tu texto se vuelve ilegible!

Asegurar la legibilidad

Lo más importante: ¡los invitados necesitan leer el texto de tu encabezado!

Fondo claro = texto oscuro

Fondo oscuro = texto claro

Fondo ocupado = agrega una superposición semitransparente para mejorar el contraste

¡Prueba la legibilidad en diferentes dispositivos!

Transparencia y superposiciones

Algunos temas te permiten:

Hacer el encabezado transparente: Muestra el contenido de la página detrás

Agregar una superposición de color: Poner un color semitransparente sobre una imagen de fondo

Ajustar la opacidad: Controlar cuán transparente es el fondo

¡Estos crean looks sofisticados y en capas!

Consideraciones móviles

Los fondos del encabezado podrían verse diferentes en móvil:

Colores: Generalmente se muestran igual

Imágenes: Podrían recortarse o escalarse diferente

Encabezados transparentes: Podrían cambiar a sólido en móvil para legibilidad

¡Siempre prueba en un teléfono!

Consejos para elegir fondos

Mantenlo simple. Los fondos limpios se ven más profesionales.

Considera la navegación. Los enlaces del menú necesitan ser legibles contra el fondo.

Coincide con tu vibra. ¿Boda formal? Ve elegante y minimal. ¿Casual? ¡Diviértete con el color!

Prueba combinaciones. Prueba tu fondo con diferentes colores de texto para ver qué funciona.

No luches contra tu tema. Trabaja con el estilo de tu tema, no en su contra.

Combinaciones comunes

Fondo blanco + texto negro: Clásico, siempre legible

Fondo azul marino + texto blanco: Elegante y sofisticado

Fondo rosa suave + texto gris oscuro: Romántico y delicado

Fondo transparente + texto blanco (sobre imagen hero oscura): Moderno y elegante

Fondo crema + texto marrón: Vibra rústica, vintage

Actualizar tu fondo

¡Puedes cambiarlo en cualquier momento! Quizás:

Empieza neutral, luego agrega color conforme se acerca tu boda

Coincide con las estaciones (ligero y aireado para primavera/verano, tonos más ricos para otoño/invierno)

Coordina con nuevas fotos que agregues a tu sitio

Fondo del encabezado vs. fondo de página

Fondo del encabezado: Solo el área del encabezado en la parte superior

Fondo de página: Toda la página detrás de todo tu contenido

¡Son separados! Puedes tener un encabezado con color sobre una página blanca, o viceversa.

Eliminar una imagen de fondo

Si agregaste un fondo de imagen pero quieres volver a un color sólido:

  1. Ve a Configuración del sitio → pestaña Encabezado

  2. Haz clic en Eliminar sobre la vista previa de la imagen de fondo

  3. Haz clic en Guardar cambios

Encabezados con fondo fijo vs. desplazable

Algunos temas ofrecen:

Encabezado fijo: Se queda en la parte superior al desplazarte (pegajoso)

Encabezado desplazable: Se desplaza con la página

¡El comportamiento del fondo generalmente coincide con el comportamiento del encabezado!

Accesibilidad

El alto contraste importa. Algunos invitados podrían tener dificultades de visión. ¡Asegúrate de que el texto sea claramente visible!

Prueba en escala de grises. Convierte tu sitio a blanco y negro para verificar si el contraste es suficiente.

Evita combinaciones rojo/verde. Difícil para invitados daltónicos.

Obtener inspiración

Mira:

Tus invitaciones de boda: Coincide con el esquema de colores

Otros sitios web de boda: Ve qué te gusta

Tu lugar: Toma colores de la estética de tu lugar

Los demos de tu tema: Ve lo que el diseñador del tema pretendía

Cuándo mantenerlo simple

Tu imagen de encabezado es muy ocupada: Un fondo simple la deja brillar

Muchos enlaces de navegación: Demasiada competencia visual confunde a los invitados

Tema minimalista: Los fondos simples coinciden con estilos minimalistas

¿No estás seguro qué hacer? ¡Blanco o el valor por defecto de tu tema siempre es seguro!

¡El fondo de tu encabezado establece el tono de todo tu sitio. Mantenlo legible, mantenlo hermoso!

¿Ha quedado contestada tu pregunta?