{"id":24306,"date":"2018-02-23T00:00:00","date_gmt":"2018-02-22T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=24306"},"modified":"2023-05-15T12:05:01","modified_gmt":"2023-05-15T06:35:01","slug":"full-width-contained-container-layout","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/full-width-contained-container-layout\/","title":{"rendered":"Ancho total \/ Contenido - Disposici\u00f3n de contenedores"},"content":{"rendered":"<p>Como se explica en el <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/container-overview\/\">Resumen de contenedores<\/a> art\u00edculo, normalmente un sitio web puede tener dos contenedores viz: <strong>Contenedor primario<\/strong> y <strong>Contenedor secundario<\/strong>.<\/p>\n\n\n\n<p>El Contenedor primario es donde aparece el contenido principal, mientras que el Contenedor secundario consiste en la barra lateral y varios widgets diferentes en la barra lateral.<\/p>\n\n\n\n<p>El dise\u00f1o \"Ancho completo \/ Contenido\" combina los contenedores primario y secundario y los muestra en un \u00fanico contenedor en un formato limpio. Esto significa que el contenido y una barra lateral se mostrar\u00e1n uno al lado del otro en un \u00fanico contenedor. Este contenedor se mostrar\u00e1 en un ancho de contenedor, dejando un espacio alrededor del contenedor.<\/p>\n\n\n\n<p>Encontrar\u00e1 la configuraci\u00f3n en <strong>Apariencia &gt; Personalizar &gt; Global &gt; Contenedor<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1-1024x482.png\" alt=\"\" class=\"wp-image-152008\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1-1024x482.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1-768x361.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1-1536x723.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/full-width-contained-1.png 1909w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Full Width \/ Contained layout es ideal para sitios web que necesitan un dise\u00f1o limpio sin cajas. Establecemos este dise\u00f1o por defecto en nuestras integraciones con algunos plugins como WooCommerce, LifterLMS, etc.<\/p>\n\n\n\n<p>Full Width \/ Contained es tambi\u00e9n el dise\u00f1o recomendado para los constructores de p\u00e1ginas como Visual Composer; donde el constructor de p\u00e1ginas requiere temas para controlar el ancho del contenedor.<\/p>\n\n\n\n<p>Ofrecemos m\u00e1s opciones de estilo en m\u00f3dulos espec\u00edficos de&nbsp;<strong>Complemento Astra Pro<\/strong>&nbsp;plugin. M\u00e1s informaci\u00f3n sobre&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/site-layout-overview\/\">Disposici\u00f3n del sitio<\/a>&nbsp;m\u00f3dulo de Astra Pro Addon.<\/p>","protected":false},"excerpt":{"rendered":"<p>Como se explica en el art\u00edculo Visi\u00f3n general de los contenedores, normalmente un sitio web puede tener dos contenedores, a saber: Contenedor Primario y Contenedor Secundario. El Contenedor Primario es donde aparece el contenido principal, mientras que el Contenedor Secundario consiste en la barra lateral y varios widgets diferentes en la barra lateral. El dise\u00f1o \"Full Width \/ Contained\" combina los contenedores primario y secundario y muestra [...]<\/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":"","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":[1595],"docs_tag":[],"class_list":{"0":"post-24306","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["1595"],"_wp_old_slug":[""],"_wp_page_template":["default"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count_data":["a:3:{i:0;a:9:{s:3:\"url\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/container-overview\/\";s:8:\"url_real\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/container-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:18:\"Container Overview\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:89:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-full-width-contained.png\";s:8:\"url_real\";s:89:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-full-width-contained.png\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:132:\"<img src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-full-width-contained.png\" alt=\"\" class=\"wp-image-42807\"\/>\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:2;a:9:{s:3:\"url\";s:58:\"https:\/\/git-staging.wpastra.com\/docs\/site-layout-overview\/\";s:8:\"url_real\";s:58:\"https:\/\/git-staging.wpastra.com\/docs\/site-layout-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:11:\"Site Layout\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count_data":["a:0:{}"],"_edit_lock":["1690959648:86"],"_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":["90"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["0"],"wpil_links_outbound_internal_count":["3"],"wpil_links_outbound_external_count":["0"],"wpil_sync_report2_time":["2019-09-05T12:02:02+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_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";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 Set a Full-width\/Contained Container Layout Using Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["14"],"_ht_kb_usefulness":["0"],"_ht_article_order_1595":["24306"],"wp_last_modified_info":["May 15, 2023 @ 12:05 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["9267"],"helpful":["9"],"unhelpful":["14"],"redirects":["12"],"rank_math_primary_docs_category":["1595"],"rank_math_title":["How to Set a Full-width\/Contained Container Layout Using Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1235"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"46a0a0241cce3e0223e069865391efa9\";s:6:\"images\";a:1:{i:0;i:152008;}}"],"_wplmi_last_modified":["2023-05-15 12:05:01"],"rank_math_seo_score":["14"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["contenedor-de-ancho-completo"],"_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:4:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:14:\"uagb\/container\";i:3;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776798667\";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":"As explained in the Container Overview article, typically a website can have two containers viz: Primary Container and Secondary Container. Primary Container is where the main content appears, whereas Secondary Container consists of the sidebar and various different widgets in the sidebar. \u201cFull Width \/ Contained\u201d layout combines the primary and secondary containers and displays&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24306"}],"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=24306"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24306\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24306"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24306"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}