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.
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):
Como alternativa, puedes escribir en la sección de texto del bloque la palabra "/fondo" para que te ofrezca este tipo de bloque:
En este momento te aparecerá el bloque de fondo, con es aspecto que ves abajo:
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.
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.
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 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.
No obstante, si quieres que varios elementos tengan el mismo color de fondo, te explico cómo hacerlo a continuación.
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.
Tras ello, aparecerá un buscador, en el que debes escribir la palabra fondo y hacer clic en el elemento que aparece:
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).
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.
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.
Si has llegado hasta aquí… ¡Apúntate a mi Newsletter y sigue aprendiendo cada semana sobre SEO!
Deja una respuesta