{"id":24149,"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=24149"},"modified":"2022-10-19T13:34:06","modified_gmt":"2022-10-19T08:04:06","slug":"fluid-site-layout","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/fluid-site-layout\/","title":{"rendered":"Dise\u00f1o fluido del sitio web"},"content":{"rendered":"<p>Se trata de una funci\u00f3n premium disponible con <strong>Complemento Astra Pro<\/strong> plugin. Para utilizar estas funciones Pro, debe disponer de la licencia <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a> junto con el Addon Astra Pro instalado en su sitio web.<\/p>\n\n\n\n<p>Consulte lo siguiente&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/site-layout-overview\/\">documento<\/a>Para empezar, el dise\u00f1o del sitio.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#cae3f3\"><strong>Pasos r\u00e1pidos para habilitar Fluid Site Layout con Astra<\/strong><br><strong>Paso 1:<\/strong> Aseg\u00farese de tener instalado y activado el complemento Astra Pro. <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/\">\u00bfC\u00f3mo instalar el complemento Astra Pro?<\/a><br><strong>Segundo paso:<\/strong> Active el m\u00f3dulo Dise\u00f1o del sitio desde las Opciones de Astra en la secci\u00f3n <em>WordPress Dashboard &gt; Apariencia &gt; Opciones de Astra<\/em><br><strong>Paso 3:<\/strong> Visita el personalizador [ <em>Apariencia &gt; Personalizar &gt; Global &gt; Contenedor<strong> <\/strong>&gt; Dise\u00f1o del sitio <\/em>] y seleccione Fluid como Configuraci\u00f3n del dise\u00f1o del sitio.<\/p>\n\n\n\n<p>Tal y como sugiere su nombre, cuando se activa el dise\u00f1o fluido, todo el sitio web va de borde a borde del navegador, en todos los tama\u00f1os de pantalla.<\/p>\n\n\n\n<p>Si tiene un sitio web con mucho contenido; por ejemplo, un blog, una revista en l\u00ednea o, por cualquier motivo, si necesita que todo su sitio web, incluidos el encabezado, el pie de p\u00e1gina y el \u00e1rea de contenido principal, se extienda por todo el navegador en todos los tama\u00f1os de pantalla, Fluid Site Layout es lo que necesita.<\/p>\n\n\n\n<p>La configuraci\u00f3n de Fluid Site Layout se encuentra en <strong>Apariencia &gt; Personalizar &gt; Global &gt; Contenedor &gt; Dise\u00f1o del sitio<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/fluid-layout.gif\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"287\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/fluid-layout.gif\" alt=\"Fluid Site Layout\" class=\"wp-image-135338\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Astra ha proporcionado una opci\u00f3n para gestionar el relleno a izquierda y derecha.<\/p>\n\n\n\n<p>En dispositivos responsivos, este relleno se ajusta autom\u00e1ticamente.<\/p>","protected":false},"excerpt":{"rendered":"<p>Esta es una caracter\u00edstica Premium disponible con el plugin Astra Pro Addon. Para utilizar estas caracter\u00edsticas Pro, es necesario tener el tema Astra junto con el Astra Pro Addon instalado en su sitio web. Por favor, consulte el siguiente documento, para empezar, Site Layout. Pasos r\u00e1pidos para habilitar el dise\u00f1o fluido del sitio con AstraPaso 1: Aseg\u00farese de que tiene [...]<\/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":[119],"docs_tag":[],"class_list":{"0":"post-24149","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":["1666166648: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":["60"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count_data":["a:4:{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:63:\"https:\/\/wpastra.com\/docs\/how-to-install-astra-pro-addon-plugin\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:38:\"How to Install Astra Pro Addon plugin?\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:71:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-fluid-layout.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:114:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-fluid-layout.png\" alt=\"\" class=\"wp-image-39710\"\/>\";s:15:\"added_by_plugin\";b:0;}}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["0"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_external_count":["4"],"wpil_sync_report2_time":["2019-10-18T13:44:21+00:00"],"_yoast_wpseo_title":["How to Enable Fluid Site Layout with Astra?"],"astra_style_timestamp_css":["1573724163"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["17"],"_ht_kb_usefulness":["0"],"_ht_article_order_119":["24149"],"wp_last_modified_info":["October 19, 2022 @ 1:34 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["7983"],"helpful":["19"],"unhelpful":["11"],"redirects":["6"],"rank_math_primary_docs_category":["119"],"rank_math_title":["How to Enable Fluid 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":["1247"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2022-10-19 13:34:06"],"rank_math_seo_score":["21"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"b0a52bc1133890b78c4c0e1abc8da80b\";s:6:\"images\";a:1:{i:0;i:135338;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["diseno-fluido-del-sitio"],"_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:\"1776526658\";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":"This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website. Please refer&nbsp;the following&nbsp;document, to begin with, Site Layout. Quick Steps to Enable Fluid Site Layout with AstraStep 1: Make sure you have&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24149"}],"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=24149"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24149\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24149"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24149"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}