{"id":132624,"date":"2022-09-09T14:12:13","date_gmt":"2022-09-09T08:42:13","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=132624"},"modified":"2023-03-24T12:11:04","modified_gmt":"2023-03-24T06:41:04","slug":"how-to-design-footer-background","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-design-footer-background\/","title":{"rendered":"C\u00f3mo dise\u00f1ar el fondo del pie de p\u00e1gina en Astra"},"content":{"rendered":"<p>Astra Header Footer Builder es la nueva y avanzada forma de dise\u00f1ar un creativo Header\/Footer en Astra.<\/p>\n\n\n\n<p>Este art\u00edculo le ayudar\u00e1 a entender c\u00f3mo empezar con las opciones disponibles con Astra Footer Builder. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Primeros pasos <\/h3>\n\n\n\n<p>Una vez que tengas el tema Astra instalado, ve a la p\u00e1gina Astra Dashboard en Astra &gt; Dashboard. Aqu\u00ed puedes ver '<strong>Creador de pies de p\u00e1gina<\/strong>en la secci\u00f3n<strong>Ajustes r\u00e1pidos<\/strong>. Haga clic en \u00e9l para personalizar el constructor de pie de p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder-1024x472.png\" alt=\"\" class=\"wp-image-147789\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder-1024x472.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder-300x138.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder-768x354.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder-1536x708.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-Footer-Builder.png 1674w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Una vez que est\u00e9 en el personalizador, ver\u00e1 las opciones de personalizaci\u00f3n para el Constructor de pie de p\u00e1gina. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder.png\"><img decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder-1024x479.png\" alt=\"\" class=\"wp-image-147790\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder-1024x479.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder-300x140.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder-768x359.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder-1536x718.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Footer-Builder.png 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Desde la configuraci\u00f3n del personalizador, puede establecer los elementos de pie de p\u00e1gina de su elecci\u00f3n en funci\u00f3n de sus necesidades. Una vez que a\u00f1ada los elementos de pie de p\u00e1gina y piense en c\u00f3mo a\u00f1adir fondo a esos elementos, pase el rat\u00f3n sobre el pie de p\u00e1gina principal \/ pie de p\u00e1gina superior \/ pie de p\u00e1gina inferior y, a continuaci\u00f3n, haga clic en el icono de configuraci\u00f3n. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer.png\"><img decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer-1024x478.png\" alt=\"\" class=\"wp-image-147791\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer-1024x478.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer-300x140.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer-768x358.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer-1536x716.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/below-footer.png 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Al hacer clic en el icono de configuraci\u00f3n, navegar\u00e1 a las opciones respectivas del personalizador de pie de p\u00e1gina. Vaya a la pesta\u00f1a \"Dise\u00f1o\", donde encontrar\u00e1 la opci\u00f3n de establecer el color\/imagen\/gradiente de fondo para el pie de p\u00e1gina principal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"432\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color-1024x432.png\" alt=\"\" class=\"wp-image-147792\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color-1024x432.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color-300x127.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color-768x324.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color-1536x648.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/footer-background-color.png 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Astra Header Footer Builder es la nueva y avanzada forma de dise\u00f1ar un creativo Header\/Footer en Astra. Este art\u00edculo te ayudar\u00e1 a entender c\u00f3mo empezar con las opciones disponibles con Astra Footer Builder. C\u00f3mo empezar Una vez que tengas el tema Astra instalado, ve a la p\u00e1gina Astra Dashboard en Astra &gt; Dashboard. Aqu\u00ed [...]<\/p>","protected":false},"author":89,"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":"","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":"default","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":[1995],"docs_tag":[],"class_list":{"0":"post-132624","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-after-3-0"},"spectra_custom_meta":{"rank_math_internal_links_processed":["1","1"],"wp_last_modified_info":["March 24, 2023 @ 12:11 PM","March 24, 2023 @ 12:11 PM"],"wplmi_shortcode":["[lmt-post-modified-info]","[lmt-post-modified-info]"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_primary_docs_category":["1995"],"_wp_old_slug":["how-to-create-a-footer-with-footer-builder"],"_yoast_wpseo_estimated-reading-time-minutes":["3"],"_ht_kb_post_views_count":["14"],"_ht_kb_usefulness":["1"],"_ht_article_order_1995":["70194"],"views":["6484"],"helpful":["12"],"unhelpful":["23"],"redirects":["14"],"rank_math_primary_docs_category":["1995"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1926"],"rank_math_seo_score":["19"],"_wplmi_last_modified":["2023-03-24 12:11:04"],"_dp_original":["70194"],"_edit_lock":["1679640066:89"],"_edit_last":["89"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"6ab0a91e5bb334f43a429962e4e3205a\";s:6:\"images\";a:1:{i:0;i:147789;}}"],"pfd_related_docs":["a:4:{i:0;s:6:\" 89887\";i:1;s:6:\" 70068\";i:2;s:6:\" 68721\";i:3;s:5:\"78300\";}"],"pfd_manual_related_docs":["1"],"_trp_automatically_translated_slug_es_ES":["como-disenar-el-fondo-del-pie-de-pagina"],"_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:5:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1778502154\";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":"mounikak","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/mounikak\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra Header Footer Builder is the new and advanced way to design a creative Header\/Footer in Astra. This article will help you to understand how to get started with available options with Astra Footer Builder. Getting Started Once you have the Astra theme installed, go to the Astra Dashboard page under Astra > Dashboard. Here&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/132624"}],"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\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=132624"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/132624\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=132624"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=132624"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=132624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}