Guías/Editar tu web/Cambiar la imagen de fondo de tu sitio

Cambiar la imagen de fondo de tu sitio

Puedes personalizar el aspecto de tu sitio con un fondo personalizado. Si quieres cambiar la imagen de fondo, sigue los pasos que se indican en esta guía.

Consejos para elegir una imagen de fondo

Establecer una imagen de fondo es una forma eficaz de mostrar tu personalidad y hacer que tu sitio sea único. Te damos algunos consejos para ayudarte a personalizar la imagen de fondo de tu sitio:

  • En función de la imagen de fondo que utilices, puede que sea difícil leer el texto situado encima de la foto. Para obtener los mejores resultados, elige una imagen sutil o un motivo sencillo que no oculte el contenido de tu sitio.
  • Elige una imagen de alta calidad que ocupe todo el ancho de tu sitio sin que se vea borrosa. Puedes elegir imágenes de alta calidad de la biblioteca de fotos gratuitas.
  • Para cualquier imagen que selecciones, elige colores que se complementen entre sí, sin que desentonen ni dificulten la lectura del texto de tu web.

Si prefieres utilizar un color de fondo en lugar de una imagen, puedes consultar la siguiente guía para cambiar el color de fondo de tu sitio. Si no es el caso, sigue leyendo para saber cómo cambiar la imagen de fondo.

Establecer una imagen de fondo para todo el sitio web

Puedes cambiar la imagen de fondo de tu sitio siguiendo los pasos que se indican a continuación.

Para determinar qué sección de esta guía debes seguir, ve al escritorio y consulta Apariencia a la izquierda. Si aparece Editor, deberás utilizar la sección Editor del sitio de esta guía. Si aparece otra opción, sigue las instrucciones del Personalizador .

Utiliza la opción de estilos para cambiar la imagen de fondo de todo tu sitio. Para añadir, eliminar o cambiar una imagen de fondo de tu sitio, sigue estos pasos:

  1. Dirígete al escritorio de tu sitio.
  2. Ve a Apariencia → Editor.
  3. Elige «Estilos» en el menú de la izquierda.
    • En el editor, también puedes seleccionar el icono Estilos de la esquina superior derecha (el botón es un círculo en blanco y negro).
  4. Haz clic en la opción «Fondo».
  5. Haz clic en el botón «Añadir imagen de fondo» para elegir una imagen de tu biblioteca de medios o sube una imagen desde tu ordenador.
  6. También puedes hacer clic en la imagen seleccionada para personalizar los ajustes de la imagen de fondo.
  7. Haz clic en el botón «Guardar» para aplicar la imagen de fondo a tu sitio web.
La opción Fondo en el editor de estilos.

Ajustes de la imagen de fondo

Una vez configurada la imagen de fondo, puedes hacer clic en la imagen para abrir el panel de ajustes y configurar el punto focal, la posición y el tamaño.

  • Punto focal: establece el punto focal de la imagen que quieres enfocar en pantallas más pequeñas que no permiten mostrar la imagen completa. Puedes arrastrar el círculo en la imagen o especificar la posición exacta con las opciones de porcentaje «izquierda» y «superior».
  • Fondo fijo: el fondo es fijo en relación con la ventana de visualización. La imagen permanecerá estática detrás del contenido de tu sitio.
  • Tamaño:
    • Cubrir: estira la imagen de fondo para cubrir todo el bloque.
    • Contener: cambia el tamaño de la imagen de fondo para que se ajuste al bloque sin recortarlo.
    • Título: establece un ancho fijo para la imagen de fondo en el campo personalizado. Utiliza los campos que aparecen debajo de la sección de tamaño para definir un tamaño y elegir si la imagen debe repetirse o no.
Los ajustes de la imagen de fondo, incluidos el punto focal y el tamaño.

Quitar la imagen de fondo

Para eliminar (o reemplazar) la imagen de fondo, sigue estos pasos:

  1. Ve al escritorio de tu sitio.
  2. Ve a Apariencia → Editor.
  3. Elige «Estilos» en el menú de la izquierda.
    • En el editor, también puedes seleccionar el icono Estilos de la esquina superior derecha (el botón es un círculo en blanco y negro).
  4. Haz clic en los tres puntos que aparecen junto a la etiqueta «Imagen de fondo» y, a continuación, haz clic en la opción «Restablecer» que aparece junto a la imagen o el botón «Restablecer todo» en la parte inferior del panel.
Una flecha desde los tres puntos a la derecha del encabezado «Imagen de fondo» que señala las opciones de restablecimiento.

Añadir una imagen de fondo a bloques específicos

Si quieres establecer una imagen de fondo en una parte específica de una página o plantilla, pero no en todo el sitio, puedes usar un bloque Grupo para agrupar el contenido y añadir el fondo al grupo.

Hay varios bloques que incluyen un ajuste para mostrar una imagen de fondo detrás del contenido del bloque. Para establecer una imagen de fondo en un bloque específico, sigue estos pasos:

  1. Elige el bloque al que quieres añadir una imagen de fondo (se incluye compatibilidad con los bloques Grupo, Contenido, Cita, Verso y más).
  2. Abre la barra lateral de ajustes del bloque.

Si no ves la barra lateral a la derecha, es posible que tengas que hacer clic en el icono de ajustes situado en la esquina superior derecha para que aparezcan los ajustes. El icono parece un cuadrado con dos columnas desiguales.

El icono de ajustes, resaltado, en la parte superior del editor de WordPress.
El icono de ajustes situado en la esquina superior derecha
  1. Busca el ajuste «Imagen de fondo» en la sección Estilos de los ajustes del bloque.
  2. Haz clic en «Añadir imagen de fondo» para ver las siguientes opciones:
    • Abrir la biblioteca multimedia: elige una imagen de los medios de tu sitio.
    • Subir: añade una imagen nueva desde tu ordenador o dispositivo.
    • Restablecer: elimina la imagen de fondo.
  3. También puedes hacer clic en el nombre de la imagen de fondo para personalizar el punto focal, el tamaño y más.

La imagen de fondo tendrá prioridad sobre cualquier color de fondo establecido.

Adding a background image to a Group block.
Copied to clipboard!