{"id":141037,"date":"2022-11-25T16:19:01","date_gmt":"2022-11-25T10:49:01","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=141037"},"modified":"2023-01-12T11:07:11","modified_gmt":"2023-01-12T05:37:11","slug":"narrow-width-container-layout","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/narrow-width-container-layout\/","title":{"rendered":"Anchura estrecha - Disposici\u00f3n de los contenedores"},"content":{"rendered":"<p>Astra 4.0.0 presenta el nuevo dise\u00f1o de contenedor de anchura reducida. El dise\u00f1o de contenedor de anchura reducida proporciona un dise\u00f1o moderno y minimalista para tus blogs y p\u00e1ginas con una anchura predefinida de 750px. El Narrow Width Container Layout puede ser aplicado globalmente o individualmente para Blogs, P\u00e1ginas, Archivos o Tipos de Post Personalizados a trav\u00e9s de la configuraci\u00f3n del personalizador o de la configuraci\u00f3n meta de la p\u00e1gina\/post. Adem\u00e1s, el ancho predefinido es totalmente personalizable a trav\u00e9s de nuestra opci\u00f3n deslizante de Ancho de Contenedor Estrecho. El ancho establecido a trav\u00e9s de este control deslizante se aplicar\u00e1 com\u00fanmente a todos los Blogs, P\u00e1ginas, Archivos y Tipos de Post Personalizados.<\/p>\n\n\n\n<p><strong>Caracter\u00edsticas principales:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Proporciona un ancho estrecho al contenido para Entradas de Blog Individuales, Archivos de Blog y P\u00e1ginas.<\/li>\n\n\n\n<li>La anchura puede ajustarse espec\u00edficamente para el contenedor estrecho a trav\u00e9s de Personalizar \u2192 Global \u2192 Contenedor \u2192 Anchura estrecha del contenedor. (Por defecto - 750px, M\u00edn - 400px, M\u00e1x - 1000px).<\/li>\n\n\n\n<li>Este contenedor no viene con una barra lateral, lo que significa que cuando establecemos el Dise\u00f1o de Ancho Estrecho para cualquier entrada o p\u00e1gina, la barra lateral no se mostrar\u00e1.<\/li>\n\n\n\n<li>Ideal para una experiencia de interfaz de usuario limpia y moderna para blogs y p\u00e1ginas. <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Contenedor global en Astra Theme<\/h2>\n\n\n\n<p>Un contenedor es un \u00e1rea donde mostramos el contenido. En general, el contenedor encierra toda la p\u00e1gina.<\/p>\n\n\n\n<p>El \u00e1rea de contenido y la barra lateral son partes del contenedor. El \u00e1rea de contenido se denomina t\u00e9cnicamente contenedor primario, mientras que la barra lateral es el contenedor secundario.<\/p>\n\n\n\n<p>Puede aplicar dise\u00f1os de contenedor de forma global para todo el sitio web a trav\u00e9s de la opci\u00f3n del Personalizador en Apariencia \u2192 Personalizador \u2192 Global \u2192 Contenedor.<\/p>\n\n\n\n<p>Se pueden aplicar diferentes contenedores para p\u00e1ginas y entradas individuales de <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/page-meta-settings\/?pTXyytedV9E9TFhT=1\" target=\"_blank\" rel=\"noreferrer noopener\">meta ajustes<\/a>. Se trata de ajustes espec\u00edficos de la p\u00e1gina que tienen mayor prioridad que los ajustes del personalizador.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es la anchura del contenedor?<\/h2>\n\n\n\n<p>El contenido se mostrar\u00e1 dentro de este ancho. Puede probar el ancho en combinaci\u00f3n con el dise\u00f1o del contenedor para crear diferentes vistas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es la disposici\u00f3n de contenedores?<\/h2>\n\n\n\n<p>Antes de la versi\u00f3n 4.0.0 de Astra, Astra s\u00f3lo ofrec\u00eda 4 tipos de dise\u00f1os de contenedores. Estos son contenedores globales que se aplicar\u00e1n a todo el sitio web. Pero puedes establecer diferentes dise\u00f1os de contenedores para diferentes tipos de entradas con Dedicated Container Layout. <\/p>\n\n\n\n<p>Los 4 tipos anteriores de disposici\u00f3n de contenedores se explican en los siguientes enlaces -<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/boxed-container-layout\/?pTXyytedV9E9TFhT=1\">En caja<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/content-boxed-container-layout\/?pTXyytedV9E9TFhT=1\">Contenido en caja<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/full-width-contained-container-layout\/?pTXyytedV9E9TFhT=1\">Ancho total \/ Contenido<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/full-width-stretched-container-layout\/?pTXyytedV9E9TFhT=1\">Ancho total \/ Estirado<\/a><\/li>\n\n\n\n<li>Reci\u00e9n a\u00f1adido <strong>Anchura estrecha<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Con la \u00faltima versi\u00f3n 4.0.0 de Astra, puede acceder al <strong>Anchura de contenedor estrecha<\/strong> para el Dise\u00f1o de Contenedor de Ancho Estrecho. Esto ajustar\u00e1 el ancho del contenedor estrecho para P\u00e1ginas, Entradas de Blog Individuales y P\u00e1ginas de Blog\/Archivo.<\/p>\n\n\n\n<p>El ancho establecido globalmente a trav\u00e9s de \"Narrow Container Width\" establecer\u00e1 el valor para el ancho del contenido a trav\u00e9s de las entradas de blog individuales, archivos de blog y p\u00e1ginas (siempre que esos tipos de entrada se establecen en Narrow Width Layout). El valor por defecto de la Anchura Estrecha del Contenedor ser\u00e1 de 750px, que oscilar\u00e1 entre 400px y 1000px.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Distribuci\u00f3n de contenedores dedicados<\/h2>\n\n\n\n<p>Los 5 tipos de dise\u00f1os de contenedores anteriores est\u00e1n disponibles por separado para los siguientes tipos de entradas. Esto significa que si eliges el dise\u00f1o por defecto como Ancho completo\/Extendido, y para Archivos eliges la opci\u00f3n Ancho estrecho, entonces todo el sitio excepto las p\u00e1ginas de archivo tendr\u00e1n un dise\u00f1o Ancho completo\/Extendido mientras que las p\u00e1ginas de Archivo tendr\u00e1n un dise\u00f1o Ancho estrecho.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dise\u00f1o de p\u00e1gina<\/strong>&nbsp;- S\u00f3lo para las p\u00e1ginas<\/li>\n\n\n\n<li><strong>Dise\u00f1o de entrada \u00fanica<\/strong>&nbsp;- Para p\u00e1ginas de entradas de blog individuales<\/li>\n\n\n\n<li><strong>Blog\/ Archivo<\/strong>&nbsp;- Para las p\u00e1ginas de archivo del blog<\/li>\n<\/ul>\n\n\n\n<p><strong>Ejemplo<\/strong>: Si ha elegido el dise\u00f1o por defecto como Ancho completo\/Extendido, y para Archivos elige la opci\u00f3n Ancho estrecho, entonces todo el sitio excepto las p\u00e1ginas de archivo tendr\u00e1n un dise\u00f1o Ancho completo\/Extendido mientras que las p\u00e1ginas de Archivo tendr\u00e1n un dise\u00f1o Ancho estrecho.<\/p>\n\n\n\n<p>Eche un vistazo al v\u00eddeo adjunto para comprenderlo mejor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Narrow-Width-\u2013-Container-Layout.gif\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Narrow-Width-\u2013-Container-Layout.gif\" alt=\"Narrow Width \u2013 Container Layout\" class=\"wp-image-142175\"\/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-6f0adf2a\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Por el momento, no estamos ofreciendo la integraci\u00f3n con otros plugins como Woocommerce, LearnDash, etc porque este dise\u00f1o es m\u00e1s adecuado para entradas de blog y p\u00e1ginas.<\/p><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Astra 4.0.0 presenta el nuevo dise\u00f1o de contenedor de anchura reducida. El dise\u00f1o de contenedor de anchura reducida proporciona un dise\u00f1o moderno y minimalista para tus blogs y p\u00e1ginas con una anchura predefinida de 750px. El Narrow Width Container Layout se puede aplicar de forma global o individual para Blogs, P\u00e1ginas, Archivos o Tipos de Post Personalizados a trav\u00e9s de la [...]<\/p>","protected":false},"author":89,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","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":"","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-141037","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"wp_last_modified_info":["January 12, 2023 @ 11:07 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1683200470:89"],"_wplmi_last_modified":["2023-05-04 16:06:36"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["16"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_primary_docs_category":["1595"],"views":["8680"],"rank_math_analytic_object_id":["2317"],"helpful":["6"],"unhelpful":["0"],"redirects":["3"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"488419f51ede78aa7ed1bd7659fd27fb\";s:6:\"images\";a:1:{i:0;i:142175;}}"],"_trp_automatically_translated_slug_es_ES":["disposicion-de-contenedores-de-anchura-reducida"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5248:\" .uagb-block-6f0adf2a.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-6f0adf2a .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-6f0adf2a.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-6f0adf2a.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-6f0adf2a .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-6f0adf2a .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-6f0adf2a .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-6f0adf2a.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-6f0adf2a.uagb-dismissable > svg{top: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-6f0adf2a .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-6f0adf2a .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-6f0adf2a.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-6f0adf2a.uagb-dismissable > svg{top: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-6f0adf2a.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}.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:271:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-6f0adf2a' );\n});\n });\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:9:\"core\/list\";i:2;s:14:\"core\/list-item\";i:3;s:12:\"core\/heading\";i:4;s:10:\"core\/image\";i:5;s:18:\"uagb\/inline-notice\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1778768913\";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":"Introducing the all-new Narrow Width Container Layout with Astra 4.0.0. The Narrow Width Container Layout primarily provides a modern &amp; minimalistic layout for your Blogs &amp; Pages with a predefined width of 750px. The Narrow Width Container Layout can either be applied globally or individually for Blogs, Pages, Archives, or Custom Post Types through the&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/141037"}],"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=141037"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/141037\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=141037"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=141037"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=141037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}