Cómo Añadir y Usar las Imágenes de Fondo en WordPress

Categorias: Wordpress

Cómo Añadir y Usar las Imágenes de Fondo en WordPress

Las imágenes de fondo en WordPress son algo muy común, puedes llenar toda las pantalla con una imagen enorme o puedes añadir un único color. Puedes añadir degradado o una imagen que se repita continuamente. Veamos todas las posibilidades que WordPress nos ofrece con las imágenes de fondo.

Las imágenes de fondo en WordPress son muy llamativas, como en cualquier website, pero si no se usan adecuadamente pueden resultar un error de diseño importante.

Las imágenes de fondo las utilizamos cuando queremos cubrir toda la pantalla con una imagen o color, por debajo del texto y las imágenes que hayamos añadido en los post o páginas.

Esto puede quedar muy bien, pero también muy mal, como en este ejemplo en el que el texto es casi ilegible por la imagen escogida y el color del texto.

imagen de fondo error diseno - WordPress

Algo que puede solucionarse probando con distintas imágenes y con distintos colores, aunque en cualquier caso, tiene que tener en cuenta en diseño global del sitio.

imagen de fondo diseno ok - WordPress


Hosting Genérico


Cómo Añadir una Imagen de Fondo en WordPress

Si nunca has añadido una imagen de fondo en WordPress, vamos a enseñártelo, aunque verás que es una de las cosas más sencillas que puedes hacer en WordPress, otra cosa es que quede bien.

Para empezar debes tener la imagen a mano. Si quieres utilizar una foto pero no sabes cuál aun, puedes buscar en los bancos de imágenes gratuitos que existen.

Recuerda que algunas imágenes pueden ser de libre uso, pero otras pueden ser no modificables o solicitar una mención al autor.

Intenta estar seguro de que la imagen que vas a escoger cumple con las condiciones del autor, para luego no tener problemas o tener que cambiarla cuando ya tengas el diseño hecho.

Para empezar a trabajar con las imágenes de fondo, sólo tienes que ir al escritorio de tu WordPress Apariencia > Personalizar.

menu apariencia personalizar - WordPress

En el apartado de la izquierda verás que tiene la opción de Fondo o Background si lo tienes en inglés.

modificar fondo wordpress

Por defecto lo que encontrarás serán dos opciones, la de selecciona una imagen y la de seleccionar un color.

Si queremos elegir un color, no puede ser más sencillo. Sólo hay que hacer click en el botón y nos mostrara un selector de color desde el que podemos realizar los cambios que queramos.

Además, tenemos la ventaja de que podemos ver el resultado en vivo, sin tener que guardar los cambios y visitar la web.

modificar color fondo solido - WordPress

Una vez elegida la opción, sólo quedará Publicar los Cambios y listo, ya habrás cambiado tu imagen de fondo.

imagen fondo color final - WordPress

Ahora vamos a añadir una imagen foto como fondo, aquí si que tenemos más opciones disponibles para configurarlo a nuestro gusto.

Lo primero que tenemos que hacer es click en Selecciona una Imagen y desde ahí nos llevará a la biblioteca de medios de WordPress.

Esto funciona igual que al poner una imagen en un post, solo tienes que seleccionar la imagen o subirla si no está en la biblioteca de medios, seleccionarla y pulsar en Elegir Imagen.

imagen fondo foto elegir - WordPress

Una vez añadida la imagen verás que tienes un menú con unos presets que puedes probar para comprobar cómo va cambiado la imagen de fondo:

imagen fondo foto preestablecido - WordPress

Dependiendo de la imagen, su relación de aspecto y el tamaño de la misma, los resultado pueden variar mucho, así que puedes ir probando todas las opciones para ver cuál se adapta más a tu gusto.

Recuerda que hasta que no le des al botón de Publicar, las pruebas no se verán reflejadas en el sitio en producción.

Si seleccionas la opción de Rellenar la Pantalla, verás que tienes un pad desde el que puedes elegir el punto desde que se verá la imagen.

rellenar la pagina pad imagen - WordPress

Si seleccionas Ajustar a la Pantalla y la imagen es demasiado pequeña, puedes seleccionar la casilla Repetir la Imagen de Fondo, lo que creara una especia de «efecto mosaico» repitiendo la imagen hasta el final de la página.

ajustar pantalla repetir imagen - WordPress

También tienes la opción Personalizada, en la que puedes gestionar todos los ajustes anteriores pero a tu gusto.

Esto es interesante ya que tienes todo el control sobre el fondo de la imagen, al menos los que nos deja modificar WordPress.

fondo pantalla ajustes personalizados - WordPress

Una vez tengas los ajustes que quieras, sólo tienes que publicar la web y listo, la imagen de fondo ya estará funcionando en tu WordPress.

fondo pantalla ejemplo final - WordPress

Cosas a Tener en Cuenta

Como verás gestionar los fondos de pantalla en WordPress no tiene mucho misterio, al menos a la hora de añadirlos, otra cosa es que consigas que quede bien, aunque esto es más una cuestión de diseño.

También puedes usar algunos de los muchos plugins bulider que existen en WordPress, ya que la mayoría de ellos te ayudan a utilizar los fondos de pantalla de una manera más sencilla, incluso en las versiones gratuitas.

También tienes que tener en cuenta que algunos themes no disponen de la opción de añadir imágenes de fondo.

Esto puedes comprobarlo en los detalles de cada theme en particular. Busca algo como «fondo personalizado» o directamente pruébalo para comprobar si es posible o no editar el fondo en tu theme.

Hosting WordPress SSD con IP Española

Todos lo planes de hosting WordPress que ofrecemos en Hostinet, cuentan con discos SSD, además de una dirección IP española.

Esto es así en todos los alojamientos web que hemos preparado para WordPress, pero cuentan con muchas más cosas, como servidor LiteSpeed, una panel de control cPanel para gestionar el hosting y certificados SSL gratis.

Aquí tienes algunas de las opciones que podemos ofrecerte:

Hosting WordPress