{"id":24304,"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=24304"},"modified":"2021-05-01T12:20:08","modified_gmt":"2021-05-01T06:50:08","slug":"content-boxed-container-layout","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/content-boxed-container-layout\/","title":{"rendered":"Contenido en caja - Dise\u00f1o de contenedor"},"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>Cuando selecciona el \"Dise\u00f1o de contenido en caja\"; s\u00f3lo el contenedor primario aparece en el formato en caja. Y la barra lateral o contenedor secundario aparece sobre un fondo liso.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-content-boxed.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-content-boxed.png\" alt=\"Content Boxed Layout, Astra 3.0+\" class=\"wp-image-86082\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-content-boxed.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-content-boxed-300x157.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-content-boxed-1024x536.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-content-boxed-768x402.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Content Boxed Layout es ideal para los sitios web de contenido, blogs y p\u00e1ginas donde se necesita resaltar el \u00e1rea de contenido m\u00e1s que la barra lateral.<\/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<p>Adem\u00e1s, puede aplicar un contenedor diferente para cada p\u00e1gina individual desde la meta configuraci\u00f3n.<\/p>\n\n\n\n<p><strong>Otras notas:<\/strong><\/p>\n\n\n\n<p>Puede aplicar un contenedor de caja de contenido para las p\u00e1ginas o entradas seleccionadas desde la meta configuraci\u00f3n.<\/p>\n\n\n\n<p>La anchura del contenedor depende del <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/site-layout-overview\/\">Disposici\u00f3n del sitio<\/a> ajustes.<\/p>\n\n\n\n<p>Si tiene&nbsp;<strong>Complemento Astra Pro<\/strong>&nbsp;puede encontrar opciones adicionales como el color de fondo a trav\u00e9s de nuestro plugin&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background-module\/\">Colores y fondos<\/a>&nbsp;m\u00f3dulo. En caso de que no tenga Astra Pro, tambi\u00e9n puede a\u00f1adir una imagen de fondo con CSS personalizado.<\/p>\n\n\n\n<p>Adem\u00e1s, 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. Cuando seleccionas el \"Dise\u00f1o de Contenido en Caja\"; s\u00f3lo el contenedor primario aparece en [...]<\/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-24304","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:5:{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:84:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-boxed-1.png\";s:8:\"url_real\";s:84:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-boxed-1.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:127:\"<img src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-boxed-1.png\" alt=\"\" class=\"wp-image-42805\"\/>\";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:\"\";}i:3;a:9:{s:3:\"url\";s:62:\"https:\/\/git-staging.wpastra.com\/docs\/colors-background-module\/\";s:8:\"url_real\";s:62:\"https:\/\/git-staging.wpastra.com\/docs\/colors-background-module\/\";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:24:\"Colors &amp; Backgrounds\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:4;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":["1617996152:70"],"_edit_last":["70"],"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":["5"],"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 Content Boxed Layout for Container Using Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["15"],"_ht_kb_usefulness":["0"],"_ht_article_order_1595":["24304"],"wp_last_modified_info":["May 1, 2021 @ 12:20 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["9772"],"helpful":["9"],"unhelpful":["13"],"redirects":["4"],"rank_math_primary_docs_category":["1595"],"rank_math_title":["How to Set Content Boxed Layout for Container Using Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1234"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"b74b9174f189ea456923cc552e5052b5\";s:6:\"images\";a:1:{i:0;i:86082;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["contenido-contenedor-en-caja"],"_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:\"1775470576\";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. When you select the \u201cContent Boxed Layout\u201d; only the primary container appears in&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24304"}],"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=24304"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24304\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24304"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24304"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}