{"id":38161,"date":"2021-04-09T14:58:10","date_gmt":"2021-04-09T12:58:10","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=38161"},"modified":"2021-04-13T11:33:01","modified_gmt":"2021-04-13T09:33:01","slug":"como-anadir-y-usar-las-imagene-de-fondo-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-anadir-y-usar-las-imagene-de-fondo-en-wordpress\/","title":{"rendered":"C\u00f3mo A\u00f1adir y Usar las Im\u00e1genes de Fondo en WordPress"},"content":{"rendered":"
<\/div>

\"C\u00f3mo<\/h4>\n

Las im\u00e1genes de fondo en WordPress son algo muy com\u00fan, puedes llenar toda las pantalla con una imagen enorme o puedes a\u00f1adir un \u00fanico color. Puedes a\u00f1adir degradado o una imagen que se repita continuamente. Veamos todas las posibilidades que WordPress nos ofrece con las im\u00e1genes de fondo.<\/h4>\n

Las im\u00e1genes de fondo en WordPress<\/strong> son muy llamativas, como en cualquier website, pero si no se usan adecuadamente pueden resultar un error de dise\u00f1o<\/strong> importante.<\/p>\n

Las im\u00e1genes de fondo las utilizamos cuando queremos cubrir toda la pantalla con una imagen o color<\/strong>, por debajo del texto y las im\u00e1genes que hayamos a\u00f1adido en los post o p\u00e1ginas.<\/p>\n

Esto puede quedar muy bien, pero tambi\u00e9n muy mal, como en este ejemplo en el que el texto es casi ilegible por la imagen escogida y el color del texto<\/strong>.<\/p>\n

\"imagen<\/p>\n

Algo que puede solucionarse probando con distintas im\u00e1genes y con distintos colores, aunque en cualquier caso, tiene que tener en cuenta en dise\u00f1o global del sitio.<\/p>\n

\"imagen<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

C\u00f3mo A\u00f1adir una Imagen de Fondo en WordPress<\/h2>\n

Si nunca has a\u00f1adido una imagen de fondo en WordPress<\/strong>, vamos a ense\u00f1\u00e1rtelo, aunque ver\u00e1s que es una de las cosas m\u00e1s sencillas que puedes hacer en WordPress<\/strong>, otra cosa es que quede bien.<\/p>\n

Para empezar debes tener la imagen a mano<\/strong>. Si quieres utilizar una foto pero no sabes cu\u00e1l aun, puedes buscar en los bancos de im\u00e1genes gratuitos que existen<\/a>.<\/p>\n

Recuerda que algunas im\u00e1genes pueden ser de libre uso<\/strong>, pero otras pueden ser no modificables o solicitar una menci\u00f3n al autor<\/strong>.<\/p>\n

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<\/strong> cuando ya tengas el dise\u00f1o hecho.<\/p>\n

Para empezar a trabajar con las im\u00e1genes de fondo, s\u00f3lo tienes que ir al escritorio de tu WordPress Apariencia > Personalizar<\/strong>.<\/p>\n

\"menu<\/p>\n

En el apartado de la izquierda ver\u00e1s que tiene la opci\u00f3n de Fondo<\/strong> o Background<\/strong> si lo tienes en ingl\u00e9s.<\/p>\n

\"modificar<\/p>\n

Por defecto lo que encontrar\u00e1s ser\u00e1n dos opciones, la de selecciona una imagen<\/strong> y la de seleccionar un color<\/strong>.<\/p>\n

Si queremos elegir un color, no puede ser m\u00e1s sencillo. S\u00f3lo hay que hacer click en el bot\u00f3n y nos mostrara un selector de color<\/strong> desde el que podemos realizar los cambios que queramos.<\/p>\n

Adem\u00e1s, tenemos la ventaja de que podemos ver el resultado en vivo<\/strong>, sin tener que guardar los cambios y visitar la web.<\/p>\n

\"modificar<\/p>\n

Una vez elegida la opci\u00f3n, s\u00f3lo quedar\u00e1 Publicar los Cambios<\/strong> y listo, ya habr\u00e1s cambiado tu imagen de fondo.<\/p>\n

\"imagen<\/p>\n

Ahora vamos a a\u00f1adir una imagen foto como fondo, aqu\u00ed si que tenemos m\u00e1s opciones disponibles para configurarlo a nuestro gusto.<\/p>\n

Lo primero que tenemos que hacer es click en Selecciona una Imagen<\/strong> y desde ah\u00ed nos llevar\u00e1 a la biblioteca de medios de WordPress.<\/p>\n

Esto funciona igual que al poner una imagen en un post, solo tienes que seleccionar la imagen o subirla si no est\u00e1 en la biblioteca de medios, seleccionarla y pulsar en Elegir Imagen<\/strong>.<\/p>\n

\"imagen<\/p>\n

Una vez a\u00f1adida la imagen ver\u00e1s que tienes un men\u00fa con unos presets<\/em> que puedes probar para comprobar c\u00f3mo va cambiado la imagen de fondo:<\/p>\n