Cómo poner una imagen de fondo en WordPress

En este artículo te voy a explicar cómo poner una imagen de fondo en WordPress de forma fácil, muy rápida e independientemente del tema o plantilla que estés usando.

Cómo poner una imágenes de fondo para paginas web

Para poner una imagen de fondo en tu página o entrada de WordPress debes crear un bloque llamado fondo (o cover en inglés). Par ello, haz clic en el botón del símbolo más (+) que encontrarás a la derecha, en la creación de tu bloque Gutenberg.

imagenes de fondo para paginas web

Tras ello, aparecerá un buscador, escribe en él la palabra "fondo" y haz clic en el elemento que te aparece (como el que ves abajo):

fondo pagina web
Consejo

Como alternativa, puedes escribir en la sección de texto del bloque la palabra "/fondo" para que te ofrezca este tipo de bloque:

Página ancho completo Wordpress

En este momento te aparecerá el bloque de fondo, con es aspecto que ves abajo:

como poner una imagen de fondo en wordpress

Este bloque te ofrece 3 opciones:

  • Subir una imagen.
  • Acceder a la biblioteca de medios.
  • Usar una imagen destacada.

Haz clic en "Acceder a la biblioteca de medios", arrastra la imagen que quieras poner de fondo y haz clic en Seleccionar.

Tras ello, dentro del fondo con la imagen tienes la opción de incluir más bloques de Gutenberg (como párrafos o columnas), quedando siempre configurada la imagen de fondo en Wordpress.

como poner imagen de fondo en wordpress

Así mismo, si quieres que la imagen ocupe todo el ancho de pantalla debes seleccionar la opción de ancho completo, la cual se encuentra en el menú superior de este bloque de Gutenberg.

Fondo ancho completo Wordpress

Cambiar color de fondo en la imagen

Después de incluir la imagen puede ser que quieras aplicarle una capa de opacidad para que quede más oscura o blanca, y de esta forma incluir texto por encima.

Para hacer esto debes seleccionar el bloque de Fondo e ir al menú lateral derecho, tras ello debes seleccionar la opción de Bloque y Superposición. Escoge el color que prefieras y regula el nivel de opacidad con la barra de abajo hasta encontrar el tono que quieras

cambiar color de fondo imagen

Cambiar el color de fondo en Wordpress (método 1)

Para cambiar el color de un párrafo en Wordpress solo tienes que ir al menú lateral derecho, seleccionar la opción de Bloque y hacer clic en la opción de Fondo. En este momento se abrirá una ventana en la que puedes especificar un color de fondo o un degradado.

cambiar fondo wordpress

No obstante, si quieres que varios elementos tengan el mismo color de fondo, te explico cómo hacerlo a continuación.

¡No te quedes atrás en Google!

Únete a mi lista y recibe tips de SEO periódicamente.

Cambiar color de fondo en WordPress (método 2)

Si lo que quieres es poner un color de fondo para varios elementos de tu página debes seguir el siguiente proceso.

Empezamos creando un bloque llamado fondo (o cover en inglés). Par ello, haz clic en el botón del símbolo más (+) que encontrarás a la derecha en la creación de tu bloque Gutenberg.

imagenes de fondo para paginas web

Tras ello, aparecerá un buscador, en el que debes escribir la palabra fondo y hacer clic en el elemento que aparece:

fondo pagina web

En este momento te aparecerá el bloque de fondo como el que ves abajo, haz clic en el color que quieras (si ninguno te convence, no te preocupes que ahora lo cambiamos).

como poner una imagen de fondo en wordpress

Para cambiar el color de fondo en Wordpress a otro que prefieras, debes seleccionar el bloque, ir al panel lateral derecho, hacer clic en la opción llamada Bloque y seleccionar el circulo.

cambiar color fondo wordpress

En este momento se desplegará una ventana con la que puedes cambiar tanto el color como otros elementos. De todos ellos los más importantes son:

  • Texto: para cambiar el color del texto dentro del bloque.
  • Fondo: para cambiar el color del fondo.
  • Opacidad: para cambiar lo opaco o transparente que sea el color de fondo.
Quizá te interese

Sergio Canales SEO

Si has llegado hasta aquí… ¡Apúntate a mi Newsletter y sigue aprendiendo cada semana sobre SEO!

Sergio Canales

Ingeniero industrial y amante del SEO para nichos. Me encanta crear proyectos, posicionarlos y monetizarlos

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir