{"id":146206,"date":"2023-03-04T23:05:30","date_gmt":"2023-03-04T17:35:30","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=146206"},"modified":"2023-03-05T16:32:52","modified_gmt":"2023-03-05T11:02:52","slug":"sticky-header-blur-background","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/sticky-header-blur-background\/","title":{"rendered":"Cabecera adhesiva - Fondo difuminado"},"content":{"rendered":"<p>Astra introduce la opci\u00f3n Desenfoque de fondo para una cabecera adhesiva en v4.1.0 y superiores. Este Desenfoque de fondo depende de la opacidad del color de fondo. Echemos un vistazo m\u00e1s de cerca a esta caracter\u00edstica.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Desenfoque de fondo para cabecera adhesiva<\/h3>\n\n\n\n<p>Se trata de una funci\u00f3n premium disponible con el <strong>Complemento Astra Pro<\/strong>\u00a0plugin. Para utilizar estas funciones Pro, debe disponer de la licencia\u00a0<a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a>\u00a0junto con el Addon Astra Pro instalado en su sitio web.<\/p>\n\n\n\n<p>El encabezado adhesivo fijar\u00e1 el encabezado en la parte superior de su p\u00e1gina web cuando un usuario se desplace por la p\u00e1gina. Permitir\u00e1 un acceso r\u00e1pido al men\u00fa desde cualquier parte de la p\u00e1gina. Esta funci\u00f3n permite al usuario difuminar el fondo de la cabecera.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#cae3f3\"><strong>Pasos r\u00e1pidos para a\u00f1adir una cabecera adhesiva o una cabecera fija con el m\u00f3dulo de cabecera adhesiva<\/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 Sticky Header desde las Opciones de Astra en la secci\u00f3n <em>Astra &gt; M\u00f3dulos Astra Pro &gt; Cabecera adhesiva<\/em><br><strong>Paso 3:<\/strong> Visita el personalizador [ <em>Apariencia &gt; Personalizar &gt; Cabecera &gt; Cabecera adhesiva <\/em>] para editar la configuraci\u00f3n del m\u00f3dulo<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-sticky-header-1024x440.png\" alt=\"\" class=\"wp-image-146210\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-sticky-header-1024x440.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-sticky-header-300x129.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-sticky-header-768x330.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-sticky-header.png 1351w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Encontrar\u00e1 los ajustes en\u00a0<strong>Apariencia &gt; Personalizar &gt; Cabecera &gt; Cabecera adhesiva<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-header-1024x482.png\" alt=\"\" class=\"wp-image-146216\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-header-1024x482.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-header-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-header-768x362.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-header-1536x724.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-header.png 1904w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Configuraci\u00f3n de la cabecera adhesiva<\/h3>\n\n\n\n<p>La opci\u00f3n Pegar encabezado primario pegar\u00e1 el encabezado predeterminado del tema.<\/p>\n\n\n\n<p>En caso de que haya activado el M\u00f3dulo de Secciones de Encabezado de Astra Pro, ver\u00e1 opciones para pegar la secci\u00f3n de encabezado Arriba y Abajo.<\/p>\n\n\n\n<p>Si activa la opci\u00f3n Pegar encima de la secci\u00f3n de encabezado o Pegar debajo de la secci\u00f3n de encabezado, la secci\u00f3n de encabezado correspondiente se pegar\u00e1 en la parte superior del desplazamiento de p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header.png\"><img decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header-1024x483.png\" alt=\"\" class=\"wp-image-146215\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header-1024x483.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header-300x142.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header-768x363.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header-1536x725.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/sticky-primary-header.png 1896w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Si pega la cabecera principal, vaya a la pesta\u00f1a \"Dise\u00f1o\" del m\u00f3dulo Cabecera principal para activar la opci\u00f3n Desenfoque de fondo. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur-1024x483.png\" alt=\"\" class=\"wp-image-146220\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur-1024x483.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur-768x362.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur-1536x724.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/background-blur.png 1898w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>Astra introduces the Background Blur option for a sticky header in v4.1.0 and above. This Background blur is dependent on the background color opacity. Let\u2019s take a closer look at this feature. Background Blur for Sticky Header This is a premium feature available with\u00a0the Astra Pro Addon\u00a0plugin. To use these Pro features, you need to [\u2026]<\/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":[128],"docs_tag":[],"class_list":{"0":"post-146206","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-sticky-header"},"spectra_custom_meta":{"wp_last_modified_info":["March 5, 2023 @ 4:32 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1684847993:89"],"_wplmi_last_modified":["2023-03-05 16:32:52"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["26"],"_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":["128"],"rank_math_analytic_object_id":["2387"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"7161745b76e5dea3f99b6da3dc75fe32\";s:6:\"images\";a:1:{i:0;i:146210;}}"],"views":["3401"],"helpful":["5"],"unhelpful":["3"],"redirects":["3"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["sticky-header-blur-background"],"_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:5:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776983786\";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":"Astra introduces the Background Blur option for a sticky header in v4.1.0 and above. This Background blur is dependent on the background color opacity. Let\u2019s take a closer look at this feature. Background Blur for Sticky Header This is a premium feature available with\u00a0the Astra Pro Addon\u00a0plugin. To use these Pro features, you need to&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/146206"}],"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=146206"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/146206\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=146206"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=146206"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=146206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}