{"id":24141,"date":"2018-02-22T00:00:00","date_gmt":"2018-02-21T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=24141"},"modified":"2024-01-11T14:41:47","modified_gmt":"2024-01-11T09:11:47","slug":"full-width-site-layout","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/full-width-site-layout\/","title":{"rendered":"Dise\u00f1o completo del sitio"},"content":{"rendered":"<p>\u00bfEst\u00e1 listo para alejarse de los dise\u00f1os habituales de sitios web y explorar las amplias posibilidades de un dise\u00f1o de ancho completo? Con la funci\u00f3n Full Width Site Layout de Astra, ahora es m\u00e1s sencillo que nunca dar a tu sitio web un aspecto cautivador.<\/p>\n\n\n\n<p>Echa un vistazo a las siguientes secciones de este documento para aprender m\u00e1s sobre el uso del dise\u00f1o de sitio de ancho completo en Astra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-24141-_m7r73995qg1s\"><\/a><strong>\u00bfQu\u00e9 es un dise\u00f1o de sitio de ancho completo?<\/strong><\/h3>\n\n\n\n<p>Con un dise\u00f1o de ancho completo, el contenido de su sitio web se extiende de borde a borde por la pantalla del usuario, creando una experiencia visual envolvente e impactante.<\/p>\n\n\n\n<p>Imag\u00ednatelo: tu sitio web ocupa toda la pantalla, como una enorme e impresionante valla publicitaria que muestra todas tus cosas interesantes. Ya sean fotos, texto o v\u00eddeos, todo se expande, creando un impacto audaz y memorable en tus visitantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-24141-_af3dflfwmisc\"><\/a><strong>Ventajas de los dise\u00f1os de ancho completo<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mayor atractivo visual:<\/strong> Los dise\u00f1os de ancho completo ofrecen un aspecto moderno y sofisticado que puede captar al instante la atenci\u00f3n del visitante y mantenerlo interesado.<\/li>\n\n\n\n<li><strong>Centrarse en el contenido:<\/strong> Al eliminar distracciones como las barras laterales, puede resaltar realmente el contenido y asegurarse de que su mensaje resuena entre su audiencia.<\/li>\n\n\n\n<li><strong>Dise\u00f1o receptivo:<\/strong> Un dise\u00f1o de ancho completo puede adaptarse perfectamente a diferentes tama\u00f1os de pantalla, garantizando una experiencia de usuario positiva en todos los dispositivos.<\/li>\n\n\n\n<li><strong>Libertad creativa:<\/strong> Con el amplio espacio de un dise\u00f1o de ancho completo, tienes m\u00e1s libertad creativa para experimentar con la tipograf\u00eda, las im\u00e1genes y otros elementos de dise\u00f1o.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-24141-_anbi3gi81wk0\"><\/a><strong>C\u00f3mo conseguir un dise\u00f1o de p\u00e1gina web de ancho completo con Astra<\/strong><\/h3>\n\n\n\n<p>Un sitio web suele tener el envoltorio principal seguido del contenedor.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La envoltura principal consta de cabecera, contenido, barra lateral y pie de p\u00e1gina: todo el sitio web;<\/li>\n\n\n\n<li>Y el contenedor es la envoltura infantil que incluye un contenido y una barra lateral.<\/li>\n<\/ul>\n\n\n\n<p>Cuando selecciona el dise\u00f1o de sitio de ancho completo, la envoltura principal del sitio web va de borde a borde del navegador. Mientras que el contenido se gestiona por el ancho del contenedor.<\/p>\n\n\n\n<p>Por lo tanto, implementar un dise\u00f1o de ancho completo con Astra es un proceso sencillo. Esto es lo que tienes que hacer:<\/p>\n\n\n\n<p>1.<strong> Active el complemento Pro: <\/strong>La funci\u00f3n Dise\u00f1o del sitio a todo lo ancho est\u00e1 disponible con el Complemento Astra Pro. As\u00ed que, si a\u00fan no lo ha hecho, inst\u00e1lelo y act\u00edvelo en su sitio web.<\/p>\n\n\n\n<p>2. <strong>Activar el m\u00f3dulo de dise\u00f1o del sitio:<\/strong> Dentro del panel de control de WordPress, vaya al Panel de control de Astra, y active el m\u00f3dulo Dise\u00f1os del sitio dentro de los m\u00f3dulos Astra Pro.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1869\" height=\"744\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1.png\" alt=\"Full Width Site Layout\" class=\"wp-image-172815\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1.png 1869w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1-300x119.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1-1024x408.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1-768x306.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1-1536x611.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-1-18x7.png 18w\" sizes=\"(max-width: 1869px) 100vw, 1869px\" \/><\/a><\/figure>\n\n\n\n<p>3. <strong>Acceda a la Configuraci\u00f3n del dise\u00f1o del sitio:<\/strong> Vaya a Apariencia &gt; Personalizar &gt; Global &gt; Contenedor en el panel de control de WordPress.<\/p>\n\n\n\n<p>4. <strong>Elige tu dise\u00f1o:<\/strong> Localice el ajuste y seleccione \"Ancho completo\".<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2.png\"><img decoding=\"async\" width=\"1920\" height=\"878\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2.png\" alt=\"Full Width Site Layout\" class=\"wp-image-172816\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2.png 1920w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2-300x137.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2-1024x468.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2-768x351.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2-1536x702.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24141-2-18x8.png 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/figure>\n\n\n\n<p>5. <strong>Personalizar m\u00e1s:<\/strong> Astra ofrece opciones adicionales para ajustar el dise\u00f1o de ancho completo, como el ajuste del dise\u00f1o del contenedor, el ancho del contenido y el ancho del contenedor estrecho.<\/p>\n\n\n\n<p>6. <strong>Previsualizar y publicar:<\/strong> Una vez configurados los ajustes, previsualiza tu sitio web para ver tu impresionante dise\u00f1o de ancho completo en acci\u00f3n. Una vez satisfecho, pulsa el bot\u00f3n Publicar.<\/p>\n\n\n\n<p>Esperamos que este documento le haya sido \u00fatil. Si tiene alguna pregunta, no dude en dejar un comentario a continuaci\u00f3n.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfEst\u00e1 listo para alejarse de los dise\u00f1os habituales de sitios web y explorar las amplias posibilidades de un dise\u00f1o de ancho completo? Con la funci\u00f3n de Astra Full Width Site Layout, ahora es m\u00e1s sencillo que nunca dar a tu sitio web un aspecto cautivador. Echa un vistazo a las siguientes secciones de este documento para aprender m\u00e1s sobre el uso de la [...]<\/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":"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":"default","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":[119],"docs_tag":[],"class_list":{"0":"post-24141","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-site-layout"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["119"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1704970747:89"],"_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_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["3"],"wpil_links_outbound_external_count_data":["a:3:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:35:\"https:\/\/wordpress.org\/themes\/astra\/\";s:4:\"host\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:11:\"Astra theme\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:46:\"https:\/\/wpastra.com\/docs\/site-layout-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:76:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-full-width-layout.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:119:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-full-width-layout.png\" alt=\"\" class=\"wp-image-39718\"\/>\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-18T13:38:21+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_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\";}"],"_yoast_wpseo_title":["How to Set a Full Width Site Layout with Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_ht_kb_post_views_count":["18"],"_ht_kb_usefulness":["0"],"_ht_article_order_119":["24141"],"wp_last_modified_info":["October 19, 2022 @ 1:21 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["17470"],"helpful":["34"],"unhelpful":["165"],"redirects":["28"],"rank_math_primary_docs_category":["119"],"rank_math_title":["How to Set a Full Width Site Layout with Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1245"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["16"],"_wplmi_last_modified":["2022-10-19 13:21:38"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"25392318575e70967a25cb55c902f8c4\";s:6:\"images\";a:1:{i:0;i:172815;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["diseno-completo-del-sitio"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"pfd_related_docs":[""],"_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:7:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:10:\"core\/image\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776617559\";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":"Ready to step away from the usual website layouts and explore the wide-open possibilities of a full-width design? With Astra&#8217;s Full Width Site Layout feature, it&#8217;s now simpler than ever to give your website a captivating look. Check out the next sections of this document to learn more about using the Full Width Site Layout&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24141"}],"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=24141"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24141\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24141"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24141"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}