{"id":254441,"date":"2022-04-07T10:37:00","date_gmt":"2022-04-07T07:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254441"},"modified":"2022-05-16T14:53:21","modified_gmt":"2022-05-16T11:53:21","slug":"como-configurar-una-imagen-de-fondo-con-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-configurar-una-imagen-de-fondo-con-wordpress\/","title":{"rendered":"C\u00f3mo configurar una imagen de fondo con WordPress"},"content":{"rendered":"

\u00bfQuiere agregar una hermosa imagen de fondo a su sitio?<\/p>\n

\u00bfPor qu\u00e9 es tan dif\u00edcil?<\/p>\n

La raz\u00f3n por la que es dif\u00edcil encontrar una soluci\u00f3n r\u00e1pida en l\u00ednea es que no existe un truco \u00fanico para agregar una imagen de fondo. Depende del tema que est\u00e9s usando.<\/p>\n

Como no s\u00e9 qu\u00e9 tema est\u00e1s usando, no puedo darte un fragmento de CSS para copiar y pegar. \u00bfPodr\u00eda funcionar o no?<\/p>\n

Sin embargo, hay un complemento que puede usar que lo har\u00e1 bastante f\u00e1cil.<\/p>\n

C\u00f3mo agregar una imagen de fondo con CSS Hero<\/h2>\n

Para personalizaciones visuales como esta, no se puede superar el complemento CSS Hero<\/a>.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Visite el sitio de CSS Hero<\/a><\/p>\n

Si bien su tema puede venir con un n\u00famero limitado de opciones de personalizaci\u00f3n, CSS Hero puede usarse para realizar pr\u00e1cticamente cualquier personalizaci\u00f3n que pueda imaginar.<\/p>\n

A continuaci\u00f3n, le mostramos c\u00f3mo puede usarlo para agregar una imagen de fondo.<\/p>\n

Agregar una imagen de fondo<\/h3>\n

Obtendr\u00e1 una nueva interfaz en su sitio como esta para editar la apariencia de su sitio.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Puede hacer clic en cualquier elemento en la vista previa del sitio para ver las opciones de personalizaci\u00f3n disponibles. Por ejemplo, si hago clic en el elemento de fondo, ver\u00e9 estas herramientas disponibles.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Como puede ver, la primera opci\u00f3n es modificar el fondo. Hacer clic en esta opci\u00f3n revela la configuraci\u00f3n de la imagen de fondo.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Al hacer clic en el bot\u00f3n Imagen, se muestran las distintas opciones de imagen.<\/p>\n

Si bien puede cargar una nueva imagen o seleccionar una imagen existente de su biblioteca de medios, CSS Hero tambi\u00e9n tiene una integraci\u00f3n con Unsplash<\/a> que le permite agregar r\u00e1pidamente cualquier imagen de su incre\u00edble (y gratuita) colecci\u00f3n de fotos de archivo.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Una vez que seleccione y agregue una imagen de fondo, se mostrar\u00e1 autom\u00e1ticamente en la vista previa.<\/p>\n

Para obtener los mejores resultados, querr\u00e1 usar la siguiente configuraci\u00f3n de posicionamiento para que la imagen de fondo permanezca en su lugar mientras se desplaza y llena toda la pantalla sin estirarse.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Y con eso, ahora tiene una hermosa imagen de fondo presente en cada p\u00e1gina de su sitio.<\/p>\n

Solo usted puede ver los cambios que se realizan en la vista previa, pero una vez que haga clic en el bot\u00f3n Guardar y publicar, los cambios se publicar\u00e1n para que todos los visitantes los vean.<\/p>\n

Conclusi\u00f3n<\/h2>\n

Con las herramientas adecuadas, es muy f\u00e1cil agregar una imagen de fondo a su sitio. No solo eso, tambi\u00e9n puede obtener un gran control sobre c\u00f3mo se muestra la imagen y obtener acceso a miles de magn\u00edficas im\u00e1genes gratuitas.<\/p>\n

Consulte nuestro tutorial completo de CSS Hero<\/a> si desea ver todas las formas en que puede usar CSS Hero para personalizar su sitio.<\/p>\n

De lo contrario, haga clic aqu\u00ed para visitar el sitio web de CSS Hero<\/a>. Y es posible que le gusten estos temas para agregar fondos de video<\/a> a su sitio.<\/p>\n

Por \u00faltimo, si desea formas m\u00e1s interesantes de personalizar su sitio, eche un vistazo a nuestra gu\u00eda de personalizaci\u00f3n de WordPress<\/a>.<\/p>\n

Fuente de grabaci\u00f3n: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Aprenda una forma sencilla y muy eficaz de agregar una imagen de fondo a su sitio. Obtenga acceso a fotos gratuitas y tambi\u00e9n a m\u00e1s herramientas de personalizaci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":261621,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-254441","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=254441"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254441\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/261621"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}