{"id":153959,"date":"2023-07-18T16:27:35","date_gmt":"2023-07-18T10:57:35","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=153959"},"modified":"2024-03-18T13:30:23","modified_gmt":"2024-03-18T08:00:23","slug":"container-layouts","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/container-layouts\/","title":{"rendered":"Dise\u00f1os de contenedores del tema Astra: Opciones renovadas y experiencia de usuario mejorada"},"content":{"rendered":"<h3 class=\"wp-block-heading\">Introducci\u00f3n:<\/h3>\n\n\n\n<p>El tema Astra, conocido por su versatilidad y dise\u00f1o f\u00e1cil de usar, ha sido objeto recientemente de importantes actualizaciones en sus opciones de dise\u00f1o de contenedores. En un esfuerzo por simplificar las opciones disponibles y mejorar la experiencia general del usuario, el equipo de desarrollo de Astra ha introducido tres nuevas opciones de dise\u00f1o. El objetivo de este completo documento es proporcionarle una comprensi\u00f3n detallada de los cambios y guiarle a trav\u00e9s de la transici\u00f3n sin problemas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opciones de dise\u00f1o de contenedores renovadas:<\/h3>\n\n\n\n<p>Las cinco opciones anteriores de disposici\u00f3n de contenedores se han refinado y consolidado en tres nuevas opciones, cada una de ellas adaptada a preferencias de dise\u00f1o y requisitos de contenido espec\u00edficos:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Normal<\/h4>\n\n\n\n<p>El dise\u00f1o \"Normal\" ofrece un ancho de contenedor predeterminado de 1200px. Esta vers\u00e1til opci\u00f3n proporciona una anchura equilibrada para la mayor\u00eda de los sitios web, permitiendo una presentaci\u00f3n \u00f3ptima del contenido. Es la opci\u00f3n preferida de muchos usuarios que buscan un dise\u00f1o est\u00e1ndar con una amplia compatibilidad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed.jpeg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed-1024x497.jpeg\" alt=\"Ast-Container-layout-normal-boxed \" class=\"wp-image-153960\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed-1024x497.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed-300x146.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed-768x373.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed.jpeg 1348w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Estrecho:<\/h4>\n\n\n\n<p>El dise\u00f1o \"Estrecho\", con una anchura de contenedor por defecto de 750px, es ideal para sitios web que prefieren un dise\u00f1o m\u00e1s compacto o que tienen un contenido limitado que mostrar. Esta opci\u00f3n proporciona un aspecto elegante y centrado, garantizando un uso eficiente del espacio en pantalla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-narrow-boxed.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-narrow-boxed-1024x500.jpeg\" alt=\"Ast-Container-layout-narrow-boxed\" class=\"wp-image-153961\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-narrow-boxed-1024x500.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-narrow-boxed-300x146.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-narrow-boxed-768x375.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-narrow-boxed.jpeg 1340w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Ancho total:<\/h4>\n\n\n\n<p>El dise\u00f1o \"Fullwidth\" est\u00e1 pensado para quienes buscan una sensaci\u00f3n m\u00e1s envolvente y espaciosa. Con una anchura de contenedor predeterminada de 100% de la pantalla, esta opci\u00f3n permite que el contenido de su sitio web se extienda perfectamente por toda la anchura de la ventana del navegador. Ofrece a los usuarios una experiencia visual impactante.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-full-width.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-full-width-1024x501.jpeg\" alt=\"Ast-Container-layout-full-width\" class=\"wp-image-153962\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-full-width-1024x501.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-full-width-300x147.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-full-width-768x376.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-full-width.jpeg 1338w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Meta Ajustes:<\/h3>\n\n\n\n<p>Puede cambiar el aspecto de su sitio web eligiendo diferentes opciones de dise\u00f1o. Puedes encontrar estas opciones cuando editas una p\u00e1gina. Hay dos lugares donde puedes cambiarlas: la configuraci\u00f3n global y la configuraci\u00f3n de p\u00e1gina.En la configuraci\u00f3n global, puedes elegir una opci\u00f3n de dise\u00f1o que se aplicar\u00e1 a todo tu sitio web. Es como establecer un dise\u00f1o por defecto para todas las p\u00e1ginas.<\/p>\n\n\n\n<p>Pero, si desea cambiar el dise\u00f1o de una p\u00e1gina espec\u00edfica, puede hacerlo en la configuraci\u00f3n de la p\u00e1gina. Los ajustes de p\u00e1gina tienen m\u00e1s importancia que los ajustes globales. Esto significa que si estableces el dise\u00f1o a todo lo ancho en la configuraci\u00f3n global, pero luego lo estableces como estrecho en la configuraci\u00f3n de p\u00e1gina, el dise\u00f1o estrecho se utilizar\u00e1 para esa p\u00e1gina. Por lo tanto, recuerde que la configuraci\u00f3n de la p\u00e1gina tiene m\u00e1s poder y puede anular la configuraci\u00f3n global. Esto le permite tener diferentes dise\u00f1os para diferentes p\u00e1ginas si lo desea.<\/p>\n\n\n\n<p>Para cambiar la configuraci\u00f3n meta de una p\u00e1gina, una vez que edite la p\u00e1gina, haga clic en el icono de Astra en la esquina superior derecha, que abrir\u00e1 la configuraci\u00f3n de Astra. Desde aqu\u00ed puede elegir los dise\u00f1os de contenedor en funci\u00f3n de sus necesidades.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-meta-settings.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-meta-settings-1024x492.jpeg\" alt=\"Ast-Container-meta-settings \" class=\"wp-image-153963\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-meta-settings-1024x492.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-meta-settings-300x144.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-meta-settings-768x369.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-meta-settings.jpeg 1356w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n<div class=\"wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-d57da467 uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-true uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height\" data-faqtoggle=\"true\" role=\"tablist\"><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-5d44c003\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>\u00bfPor qu\u00e9 hemos hecho estos cambios?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Respuesta: Quer\u00edamos simplificar la elecci\u00f3n del aspecto de su sitio web. Bas\u00e1ndonos en sus comentarios, decidimos que tener tres opciones en lugar de cuatro ser\u00eda m\u00e1s f\u00e1cil de entender y utilizar.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-c4c16374\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>\u00bfC\u00f3mo puedo probar las nuevas opciones?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Respuesta: Si ya utilizas el tema Astra, puedes cambiar autom\u00e1ticamente a las nuevas opciones de dise\u00f1o sin que ello afecte al dise\u00f1o b\u00e1sico de tu sitio web. Tambi\u00e9n puedes cambiarlo si no te gusta el dise\u00f1o actual de tu sitio web.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-87e80da9\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Ya utilizo el dise\u00f1o de contenedor. C\u00f3mo afectar\u00e1n estos cambios a mi sitio web?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Respuesta: Cuando actualices a la \u00faltima versi\u00f3n de Astra, tus dise\u00f1os existentes se cambiar\u00e1n autom\u00e1ticamente a los nuevos sin que tengas que hacer nada. Consulta nuestra <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/astra-4-2-0-beta-1-migrations-backwards-compatibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">Documentaci\u00f3n sobre migraci\u00f3n<\/a> para saber m\u00e1s al respecto.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-7dee01f5\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>He actualizado a la \u00faltima versi\u00f3n el tema Astra pero no veo los nuevos dise\u00f1os. \u00bfQu\u00e9 debo hacer?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Respuesta: Si tienes problemas para ver los nuevos dise\u00f1os despu\u00e9s de la actualizaci\u00f3n, intenta borrar la cach\u00e9 y actualizar la p\u00e1gina varias veces. Esto deber\u00eda ayudar a que los cambios se muestren correctamente. Si sigues teniendo dudas o problemas con la migraci\u00f3n a los nuevos dise\u00f1os despu\u00e9s de la actualizaci\u00f3n, ponte en contacto con nosotros abriendo un\u00a0<a href=\"https:\/\/www.google.com\/url?q=https:\/\/git-staging.wpastra.com\/support\/open-a-ticket\/&amp;sa=D&amp;source=editors&amp;ust=1689679043114980&amp;usg=AOvVaw0lYcLVE1C4nXGjWY2H6REI\">ticket de asistencia<\/a>. Estamos aqu\u00ed para ayudarle.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-a29321f5\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>\u00bfAfectar\u00e1n estos cambios de alg\u00fan modo al rendimiento de mi sitio web?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Respuesta: Nos hemos asegurado de que el rendimiento del sitio web siga siendo r\u00e1pido, como antes. Los cambios que hemos realizado est\u00e1n relacionados \u00fanicamente con las Opciones de dise\u00f1o, por lo que puede esperar que la velocidad y el rendimiento de su sitio web sigan siendo excelentes, como siempre.<\/p><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Combinaci\u00f3n de&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/understanding-sidebar-style-in-astra-theme-customizing-your-sidebars-look\/\" target=\"_blank\" rel=\"noreferrer noopener\">Estilo de la barra lateral<\/a>&nbsp;con&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/understanding-container-style-in-astra-theme-customizing-your-containers-look\/\" target=\"_blank\" rel=\"noreferrer noopener\">Estilo contenedor<\/a>&nbsp;y Dise\u00f1o:<\/h3>\n\n\n\n<p>Para crear p\u00e1ginas y entradas visualmente atractivas, puede combinar la opci\u00f3n Estilo de la barra lateral con las opciones Estilo del contenedor y Dise\u00f1o de la barra lateral. Por ejemplo, puede seleccionar el dise\u00f1o \"Normal\", establecer el \"Estilo del contenedor\" en \"En caja\" y elegir el estilo \"Sin caja\" para la barra lateral. Esta combinaci\u00f3n ofrece posibilidades creativas de personalizaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-combiing-container-sidebar-slide.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-combiing-container-sidebar-slide-1024x595.jpg\" alt=\"Ast-combiing-container-sidebar-slide\" class=\"wp-image-153965\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-combiing-container-sidebar-slide-1024x595.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-combiing-container-sidebar-slide-300x174.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-combiing-container-sidebar-slide-768x447.jpg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-combiing-container-sidebar-slide.jpg 1044w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusi\u00f3n<\/h3>\n\n\n\n<p>En conclusi\u00f3n, los dise\u00f1os contenedores del tema Astra se han renovado para ofrecer una amplia gama de opciones personalizables, mejorando significativamente la experiencia del usuario. Con interfaces intuitivas, integraci\u00f3n perfecta con creadores de p\u00e1ginas y plugins, y un enfoque en el dise\u00f1o centrado en el usuario, Astra permite a los creadores de sitios web crear sin esfuerzo sitios web cautivadores y exitosos. Aproveche las opciones renovadas, disfrute de una experiencia de usuario mejorada y libere todo el potencial de su sitio web con Astra.<\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n: El tema Astra, conocido por su versatilidad y dise\u00f1o f\u00e1cil de usar, ha sido objeto recientemente de importantes actualizaciones en sus opciones de dise\u00f1o de contenedores. En un esfuerzo por simplificar las opciones disponibles y mejorar la experiencia general del usuario, el equipo de desarrollo de Astra ha introducido tres nuevas opciones de dise\u00f1o. Este exhaustivo documento pretende ofrecerte una detallada [...]<\/p>","protected":false},"author":86,"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":"default","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":"set","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-153959","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"wp_last_modified_info":["September 1, 2023 @ 4:22 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1710756237:89"],"_wplmi_last_modified":["2023-09-01 16:22:27"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["27"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"views":["32247"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"145a20aad95afefb67ba0dc008953b6e\";s:6:\"images\";a:1:{i:0;s:106:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/07\/Ast-Container-layout-normal-boxed-1024x497.jpeg\";}}"],"rank_math_primary_docs_category":["1595"],"rank_math_analytic_object_id":["2485"],"helpful":["5"],"unhelpful":["2"],"redirects":["4"],"_uag_custom_page_level_css":[""],"_lmt_disableupdate":[""],"_lmt_disable":[""],"ast-site-content-layout":["default"],"theme-transparent-header-meta":[""],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"_trp_automatically_translated_slug_es_ES":["astra-theme-container-layouts-opciones-renovadas-y-experiencia-de-usuario-mejorada"],"_wp_old_slug":["astra-theme-container-layouts-revamped-options-and-improved-user-experience"],"pfd_related_docs":[""],"_uag_page_assets":["a:9:{s:3:\"css\";s:5154:\".uagb-block-d57da467 .uagb-icon svg{width: 12px;height: 12px;font-size: 12px;}.uagb-block-d57da467 .uagb-icon-active svg{width: 12px;height: 12px;font-size: 12px;}.uagb-block-d57da467 .uagb-faq-child__outer-wrap{margin-bottom: 10px;}.uagb-block-d57da467 .uagb-faq-item{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-color: #D2D2D2;border-style: solid;}.uagb-block-d57da467 .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-d57da467 .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-d57da467 .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}.uagb-block-d57da467.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-d57da467.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-d57da467 .uagb-faq-item .uagb-faq-questions-button.uagb-faq-questions{flex-direction: row;}.uagb-block-d57da467 .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-content {display: none;}@media only screen and (max-width: 976px) {.uagb-block-d57da467.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-d57da467.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-d57da467 .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-d57da467 .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-d57da467 .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}.uagb-block-d57da467 .uagb-faq-item{border-style: solid;border-color: #D2D2D2;}}@media only screen and (max-width: 767px) {.uagb-block-d57da467.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-d57da467 .uagb-faq-item{border-style: solid;border-color: #D2D2D2;}.uagb-block-d57da467.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-d57da467 .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-d57da467 .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-d57da467 .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}}.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:7:{i:0;s:12:\"core\/heading\";i:1;s:14:\"core\/paragraph\";i:2;s:10:\"core\/image\";i:3;s:8:\"uagb\/faq\";i:4;s:14:\"uagb\/faq-child\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777037530\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:1;}"]},"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":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"Introduction: The Astra theme, renowned for its versatility and user-friendly design, has recently undergone significant updates to its Container Layout options. In an effort to simplify the choices available and enhance the overall user experience, the Astra development team has introduced three new layout options. This comprehensive document aims to provide you with a detailed&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/153959"}],"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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=153959"}],"version-history":[{"count":1,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/153959\/revisions"}],"predecessor-version":[{"id":175381,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/153959\/revisions\/175381"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=153959"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=153959"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=153959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}