{"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":["8587"],"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"]},"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}]}}