{"id":25950,"date":"2018-04-12T00:00:00","date_gmt":"2018-04-11T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=25950"},"modified":"2024-02-21T15:32:15","modified_gmt":"2024-02-21T10:02:15","slug":"how-to-add-background-images-to-various-sections-on-site","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-add-background-images-to-various-sections-on-site\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir im\u00e1genes de fondo?"},"content":{"rendered":"<p>A partir de la versi\u00f3n 1.3.0, Astra permite a\u00f1adir im\u00e1genes de fondo a varias secciones del sitio.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"\u00bfC\u00f3mo a\u00f1adir im\u00e1genes de fondo?\" src=\"https:\/\/player.vimeo.com\/video\/538102861?dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>Puede mejorar el dise\u00f1o del Cuerpo, Cabecera, Contenido, Barra lateral y Pie de p\u00e1gina de su sitio web con esta opci\u00f3n. Adem\u00e1s de la opci\u00f3n de color de fondo anterior ahora se puede ver la opci\u00f3n de imagen de fondo tambi\u00e9n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u00bfD\u00f3nde puedo encontrar la opci\u00f3n?<\/strong><\/h4>\n\n\n\n<p>Desde el panel de control de WordPress, vaya a <strong>Apariencia &gt; Personalizar<\/strong> y en varias \u00e1reas, encontrar\u00e1 opciones para cargar im\u00e1genes de fondo<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u00bfD\u00f3nde puedo a\u00f1adir una imagen de fondo al tema Astra?<\/strong><\/h4>\n\n\n\n<p>Con el tema Astra, tienes la opci\u00f3n de a\u00f1adir una imagen de fondo a las siguientes \u00e1reas-<\/p>\n\n\n\n<p><strong>Cuerpo<\/strong>: Para a\u00f1adir una imagen de fondo en el cuerpo del sitio web, navegue hasta <strong><em>Apariencia&gt;Personalizar&gt;Global&gt;Colores<\/em><\/strong>. Despl\u00e1cese hasta <strong><em>Antecedentes<\/em><\/strong>. Tendr\u00e1 3 opciones diferentes como Color, Gradiente e Imagen. La opci\u00f3n de color le permite seleccionar un color est\u00e1tico como fondo del sitio. La opci\u00f3n Degradado le permite elegir m\u00faltiples colores como fondo de su sitio. La opci\u00f3n Imagen le permite seleccionar cualquier imagen como fondo del sitio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-body-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Widgets de pie de p\u00e1gina<\/strong>: Para seleccionar un fondo en los widgets de pie de p\u00e1gina, vaya a <strong><em>Apariencia&gt;Personalizar&gt;Constructor de pie de p\u00e1gina<\/em><\/strong>. Haga clic en el bot\u00f3n <strong><em>icono de engranaje<\/em><\/strong> como se muestra en la siguiente imagen. Navegue hasta el <strong><em>Ficha Dise\u00f1o<\/em><\/strong> y despl\u00e1cese hasta el <strong><em>Fondo <\/em><\/strong>opci\u00f3n. Puede elegir un \u00fanico color, un color degradado o una imagen como fondo del widget de pie de p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-footer-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Barra de pie de p\u00e1gina<\/strong>: Para a\u00f1adir un fondo a la barra de pie de p\u00e1gina que se encuentra b\u00e1sicamente como la parte inferior de los widgets de pie de p\u00e1gina, por favor, vaya a Apariencia&gt;Personalizar&gt;Footer Builder. Haga clic en el bot\u00f3n <strong><em>icono de engranaje<\/em><\/strong> como se muestra en la siguiente imagen. Navegue hasta el <strong><em>Ficha Dise\u00f1o<\/em><\/strong> y despl\u00e1cese hasta el <strong><em>Fondo <\/em><\/strong>opci\u00f3n. Puede elegir un \u00fanico color, un color degradado o una imagen como fondo del widget de pie de p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-footer-bar-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Imagen de fondo de los m\u00f3dulos Astra Pro<\/strong><\/h4>\n\n\n\n<p>Adem\u00e1s de la secci\u00f3n Body, Footer Widgets, Footer Bar, tiene la opci\u00f3n de los siguientes m\u00f3dulos de Astra Pro -<\/p>\n\n\n\n<p><strong>Cabecera principal:<\/strong> Para a\u00f1adir un fondo a la cabecera principal, vaya a Apariencia&gt;Personalizar&gt;Creador de cabecera. Haga clic en el bot\u00f3n <strong><em>icono de engranaje<\/em><\/strong> como se muestra en la siguiente imagen. Navegue hasta el <strong><em>Ficha Dise\u00f1o<\/em><\/strong> y despl\u00e1cese hasta el <strong><em>Fondo <\/em><\/strong>opci\u00f3n. Puede elegir un solo color, un color degradado o una imagen como fondo de la cabecera principal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-pro-primary-header-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Cabecera superior<\/strong>: Adem\u00e1s de la cabecera principal, tambi\u00e9n puede a\u00f1adir un fondo a la secci\u00f3n de cabecera anterior. Navegue hasta <strong><em>Apariencia&gt;Personalizar&gt;Creador de encabezados<\/em><\/strong>. Haga clic en el bot\u00f3n <strong><em>Icono de engranaje<\/em><\/strong> como se menciona en la imagen de abajo para acceder a la secci\u00f3n de cabecera anterior. Vaya a <strong><em>dise\u00f1o <\/em><\/strong>y despl\u00e1cese hasta la pesta\u00f1a <strong><em>fondo <\/em><\/strong>opci\u00f3n. Puede elegir un solo color, un color degradado o una imagen como fondo de la secci\u00f3n de encabezado anterior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-pro-above-header-background-image-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Cabecera inferior: De manera similar, tambi\u00e9n puede cambiar el fondo de la secci\u00f3n de debajo de la cabecera. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-pro-below-header-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Contenido de fondo: <\/strong>Para cambiar el fondo del contenido, tendr\u00e1 que ir a <strong><em>Apariencia&gt;Personalizar&gt;Global&gt;Colores<\/em><\/strong>. Despl\u00e1cese hasta el <strong><em>Superficie Colo<\/em><\/strong>r y encontrar\u00e1 el <strong><em>contenido fondo<\/em><\/strong> color justo debajo del <strong><em>antecedentes del sitio<\/em><\/strong>. Como de costumbre, puede elegir un color est\u00e1tico, grediente o una imagen como fondo de los contenidos de su sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/06\/astra-pro-content-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Fondo de la barra lateral<\/strong>: Sidebar en el sitio web de WooCommerce, juega un papel muy importante y es importante que se debe personalizar seg\u00fan la necesidad de sus clientes. Con el fin de cambiar el fondo de la barra lateral, por favor vaya a <strong><em>Apariencia&gt;Personalizar&gt;Barra lateral<\/em><\/strong>. Navegue hasta <strong><em>Dise\u00f1o<\/em><\/strong> y ver\u00e1 la pesta\u00f1a <strong><em>Color de fondo<\/em><\/strong> en la parte superior de la p\u00e1gina, en la opci\u00f3n de colores. Usted puede elegir un color est\u00e1tico, gredient o una imagen como el backgroun de los contenidos de su sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-pro-sidebar-background-image.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Nota<\/strong>: La opci\u00f3n de fondo puede ser visible s\u00f3lo si tiene&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background-module\/\">M\u00f3dulo Colores y fondo&nbsp;<\/a>activado desde Astra Pro. Adem\u00e1s, la configuraci\u00f3n no funciona, si usted tiene un encabezado transparente activado en su sitio. Para obtener m\u00e1s informaci\u00f3n sobre el color de fondo de la cabecera transparente, consulte lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background-options-for-transparent-header\/\" target=\"_blank\" rel=\"noreferrer noopener\">documento<\/a>. Si no est\u00e1 seguro de lo que es una cabecera transparente, consulte el documento <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/astra-transparent-header\/\" target=\"_blank\" rel=\"noreferrer noopener\">aqu\u00ed<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Opciones para la imagen de fondo<\/strong><\/h4>\n\n\n\n<p>La opci\u00f3n Imagen de fondo le permite elegir una imagen de la biblioteca multimedia o puede cargar un nuevo archivo. Despu\u00e9s de subir la imagen, haz clic en la opci\u00f3n M\u00e1s ajustes. Ahora puede establecer las siguientes propiedades CSS para la imagen -<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Repita<\/li>\n\n\n\n<li>Posici\u00f3n de la imagen de fondo<\/li>\n\n\n\n<li>Tama\u00f1o del fondo<\/li>\n\n\n\n<li>Antecedentes<\/li>\n<\/ul>\n\n\n\n<p>Puede ajustar la superposici\u00f3n del color de fondo con el selector de color. Una bonita capa transparente de color sobre la imagen realzar\u00e1 el dise\u00f1o de la imagen de fondo.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">&nbsp;<strong>Notas importantes:<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Despu\u00e9s de a\u00f1adir una imagen de fondo, aseg\u00farese de ajustar la opacidad del color de fondo con el selector de color.<\/li>\n\n\n\n<li>El fondo aplicado al cuerpo no ser\u00e1 visible para <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/full-width-stretched-container-layout\/\">Ancho total\/ Estirado - Disposici\u00f3n del contenedor<\/a> ya que en este dise\u00f1o la anchura del contenedor se estira al m\u00e1ximo.<\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"<p>A partir de la versi\u00f3n 1.3.0, Astra ofrece la posibilidad de a\u00f1adir im\u00e1genes de fondo a varias secciones de la web. Puede mejorar el dise\u00f1o del cuerpo, cabecera, contenido, barra lateral y pie de p\u00e1gina de su sitio web con esta opci\u00f3n. Adem\u00e1s de la opci\u00f3n anterior de color de fondo, ahora tambi\u00e9n puedes ver la opci\u00f3n de imagen de fondo. \u00bfD\u00f3nde puede [...]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[2093,138,141],"docs_tag":[],"class_list":{"0":"post-25950","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-before-3-0","6":"docs_category-sidebar","7":"docs_category-colors-background-pro"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["141"],"_wp_old_slug":[""],"_wp_page_template":["default"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count_data":["a:10:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:73:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-body-bg-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:82:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-footer-widget-bg-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:84:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-footer-bar-bg-image-setting.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:83:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-primary-header-bg-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:81:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-above-header-bg-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:81:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-below-header-bg-settinga.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:76:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-bg-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:81:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-shop-sidebar-bg-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:3:\"(?)\";s:15:\"added_by_plugin\";b:0;}i:8;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:32:\"Colors &amp; Background module\u00a0\";s:15:\"added_by_plugin\";b:0;}i:9;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:63:\"https:\/\/wpastra.com\/docs\/full-width-stretched-container-layout\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:40:\"Full Width\/ Stretched - Container Layout\";s:15:\"added_by_plugin\";b:0;}}"],"_edit_lock":["1708509738:89"],"_edit_last":["89"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["0"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_external_count":["10"],"wpil_sync_report2_time":["2019-10-03T14:30:56+00:00"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_title":["How to Add Background Images to Various Sections on a Website?"],"astra_style_timestamp_css":["1573724627"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_oembed_7980ddd4d107687d9b2b492d289ddafe":["<iframe title=\"How to Add Background Images?\" src=\"https:\/\/player.vimeo.com\/video\/538102861?h=394384db68&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_7980ddd4d107687d9b2b492d289ddafe":["1663556552"],"wp_last_modified_info":["June 5, 2023 @ 1:54 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_oembed_ae3836ce9054751621b071663d6a2d97":["<iframe title=\"How to Add Background Images?\" src=\"https:\/\/player.vimeo.com\/video\/538102861?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"627\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>"],"_oembed_time_ae3836ce9054751621b071663d6a2d97":["1770669090"],"_ht_kb_post_views_count":["15"],"_ht_kb_usefulness":["0"],"_ht_article_order_138":["25950"],"_ht_article_order_141":["25950"],"_ht_article_order_133":["25950"],"views":["4999"],"helpful":["16"],"unhelpful":["48"],"redirects":["24"],"rank_math_primary_docs_category":["141"],"rank_math_title":["How to Add Background Images to Various Sections on a Website?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1126"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-06-05 13:54:48"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-628e029da3494\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:29:\"How to Add Background Images?\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:19:\"2021-04-17 11:49:54\";s:12:\"thumbnailUrl\";s:144:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/1113931110-22650a6f7acdd5233fb976be876492c9781c6c7db8cd4295e6d7a3a50aae534b-d_640.jpg\";s:8:\"embedUrl\";s:40:\"https:\/\/player.vimeo.com\/video\/538102861\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:6:\"PT117S\";s:5:\"width\";i:1378;s:6:\"height\";i:720;s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-628e029da4c7a\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:29:\"How to Add Background Images?\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:19:\"2021-04-17 11:49:54\";s:12:\"thumbnailUrl\";s:146:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/1113931110-22650a6f7acdd5233fb976be876492c9781c6c7db8cd4295e6d7a3a50aae534b-d_640-1.jpg\";s:8:\"embedUrl\";s:40:\"https:\/\/player.vimeo.com\/video\/538102861\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:6:\"PT117S\";s:5:\"width\";i:1378;s:6:\"height\";i:720;s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["17"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"0ce52f4ea986f47c6506954e9476c336\";s:6:\"images\";a:1:{i:0;s:90:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/astra-body-background-image.png\";}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["como-anadir-imagenes-de-fondo-a-varias-secciones-del-sitio"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"pfd_related_docs":["a:5:{i:0;s:6:\" 89779\";i:1;s:6:\" 24890\";i:2;s:6:\" 89731\";i:3;s:6:\" 25507\";i:4;s:6:\" 89887\";}"],"pfd_manual_related_docs":["1"],"_oembed_1ba81191743ad59f0079eb9e3821fc5f":["<iframe title=\"How to Add Background Images?\" src=\"https:\/\/player.vimeo.com\/video\/538102861?dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>"],"_oembed_time_1ba81191743ad59f0079eb9e3821fc5f":["1718209823"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:9:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/embed\";i:2;s:12:\"core\/heading\";i:3;s:14:\"core\/separator\";i:4;s:10:\"core\/image\";i:5;s:9:\"core\/list\";i:6;s:14:\"core\/list-item\";i:7;s:14:\"uagb\/container\";i:8;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776792598\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra version&nbsp;1.3.0 and above provides a feature to add&nbsp;background images to various sections of the site. You can enhance the design of the Body, Header, Content, Sidebar, and&nbsp; Footer of your website with this option. In addition to the previous background color option now you can see the background image option as well. Where can&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/25950"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=25950"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/25950\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=25950"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=25950"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=25950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}