{"id":29769,"date":"2018-12-04T00:00:00","date_gmt":"2018-12-03T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=29769"},"modified":"2023-06-05T13:54:50","modified_gmt":"2023-06-05T08:24:50","slug":"astra-transparent-header","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/astra-transparent-header\/","title":{"rendered":"Cabecera transparente en el tema Astra"},"content":{"rendered":"<p>De Astra Versi\u00f3n Tem\u00e1tica<strong> 1.6.0<\/strong>la opci\u00f3n de Cabecera Transparente estar\u00e1 disponible con el Tema Astra gratuito. Antes de esta versi\u00f3n, la opci\u00f3n Cabecera transparente estaba disponible con la versi\u00f3n <a aria-label=\"Astra Pro Addon (se abre en una nueva pesta\u00f1a)\" href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/getting-started-with-astra-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Complemento Astra Pro<\/a> plugin.<\/p>\n\n\n\n<p>V\u00e9ase el <a href=\"https:\/\/git-staging.wpastra.com\/es\/updates\/transparent-headers-are-now-free\/\">anuncio<\/a> para esta funci\u00f3n. <\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-f8920b46 uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Si utiliza el <strong>Astra Cabecera Pie de p\u00e1gina <\/strong>disponibles con Astra versi\u00f3n 3.0 y superiores, consulte la lista de documentos <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs-category\/astra-customizer-settings\/header-and-footer\/header-footer-after-3-0\/\">aqu\u00ed<\/a>.<\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#cae3f3\"><strong>Pasos r\u00e1pidos para a\u00f1adir un encabezado transparente a su sitio web<\/strong><br><strong>Paso 1:<\/strong> Encuentre las Opciones de Encabezado Transparente en el personalizador [ <em>Apariencia &gt; Personalizar &gt; Cabecera &gt; Cabecera transparente<\/em> ] para editar las Opciones de Cabecera Transparente.<br><strong>Segundo paso:<\/strong> En la secci\u00f3n Encabezado Transparente puede Activarlo en todo el sitio web, establecer un logotipo diferente y a\u00f1adir un color de Fondo de Borde.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo funciona la cabecera transparente?<\/h3>\n\n\n\n<p>Cabecera Transparente le permite crear f\u00e1cilmente cabeceras bonitas y atractivas. Al activar esta opci\u00f3n, el fondo de la cabecera principal ser\u00e1 transparente y el contenido de la p\u00e1gina se situar\u00e1 en la parte superior. Fusionar\u00e1 la cabecera principal y el contenido de la p\u00e1gina. Esto significa que la parte superior del contenido de la p\u00e1gina se establecer\u00e1 como fondo de la cabecera transparente.<\/p>\n\n\n\n<p>Por ejemplo, si la p\u00e1gina contiene una imagen como secci\u00f3n superior, se extraer\u00e1 y se establecer\u00e1 como imagen de fondo para la cabecera transparente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Configuraci\u00f3n de la cabecera transparente<\/h3>\n\n\n\n<p>Despu\u00e9s de actualizar el tema Astra a la versi\u00f3n 1.6.0 o superior, la configuraci\u00f3n de Encabezado Transparente estar\u00e1 disponible en el personalizador. Desde el panel de control de WordPress, vaya a <strong>Apariencia &gt; Personalizar &gt; Encabezado &gt; Encabezado transparente. <\/strong>A continuaci\u00f3n se indican las opciones disponibles.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Habilitar en sitio web completo<\/h4>\n\n\n\n<p>Marque la casilla de esta opci\u00f3n si desea mostrar una cabecera transparente en todo el sitio web. Al activar esta opci\u00f3n, se ofrecen las siguientes reglas de exclusi\u00f3n. Esto significa que puede elegir algunas p\u00e1ginas y entradas, donde el encabezado transparente puede ser desactivado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website.jpeg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website-1024x456.jpeg\" alt=\"transparent header enable on complete website\" class=\"wp-image-152671\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website-1024x456.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website-300x134.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website-768x342.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website.jpeg 1364w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfDesactivar en 404, B\u00fasqueda y Archivos?:&nbsp;<\/strong>Por lo general, esta configuraci\u00f3n no se recomienda en p\u00e1ginas especiales como archivo, b\u00fasqueda, 404, etc. Si desea desactivar la cabecera transparente en estas p\u00e1ginas, marque la casilla de verificaci\u00f3n.<\/li>\n\n\n\n<li><strong>\u00bfDesactivar en la p\u00e1gina \u00cdndice del blog?: <\/strong>Desde la configuraci\u00f3n de la p\u00e1gina de inicio<strong>,&nbsp;<\/strong>si tiene <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/wordpress-change-home-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">configure <strong>Tu p\u00e1gina de inicio<\/strong><\/a><strong> visualizaciones &gt; Sus \u00faltimos mensajes<\/strong> entonces la portada se convierte en una p\u00e1gina de \u00cdndice del Blog. Si desea desactivar la cabecera transparente en \u00e9l, marque la casilla de verificaci\u00f3n. <strong><br><\/strong><\/li>\n\n\n\n<li><strong>\u00bfDesactivar en P\u00e1ginas?:<\/strong> Si desea desactivar la cabecera transparente en todas las p\u00e1ginas, marque la casilla.<\/li>\n\n\n\n<li><strong> \u00bfDesactivar en Mensajes?:&nbsp;<\/strong>Si desea desactivar la cabecera transparente en todas las entradas, marque la casilla.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-disable-on-certain-pages.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"397\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-disable-on-certain-pages-1024x397.jpeg\" alt=\"transparent header disable on certain pages\" class=\"wp-image-152674\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-disable-on-certain-pages-1024x397.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-disable-on-certain-pages-300x116.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-disable-on-certain-pages-768x298.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-disable-on-certain-pages.jpeg 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Nota:<\/strong>&nbsp;La cabecera transparente puede configurarse desde <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/page-meta-settings\/\" target=\"_blank\" rel=\"noreferrer noopener\">Metadatos de la p\u00e1gina<\/a>&nbsp;tambi\u00e9n. S\u00f3lo <em>Editar<\/em> la p\u00e1gina\/post, en la barra lateral derecha, encontrar\u00e1 la opci\u00f3n <em>Ajustes Astra<\/em> secci\u00f3n. Esto le permite activar\/desactivar cabeceras transparentes para una p\u00e1gina\/post en particular. <strong>Nota <\/strong>que la configuraci\u00f3n meta de la p\u00e1gina tiene mayor prioridad que una configuraci\u00f3n del personalizador.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Activar<\/h4>\n\n\n\n<p>Elija un dispositivo para mostrar una cabecera transparente. Las opciones son<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Escritorio<\/li>\n\n\n\n<li>M\u00f3vil<\/li>\n\n\n\n<li>Escritorio + M\u00f3vil<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-mobile-or-desktop.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-mobile-or-desktop-1024x452.jpeg\" alt=\"transparent header-enable on mobile or desktop\" class=\"wp-image-152677\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-mobile-or-desktop-1024x452.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-mobile-or-desktop-300x132.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-mobile-or-desktop-768x339.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-mobile-or-desktop.jpeg 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Si ya ha desactivado la cabecera transparente desde el personalizador y sigue apareciendo en determinadas p\u00e1ginas, vuelva a comprobar la opci\u00f3n <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/page-meta-settings\/\" target=\"_blank\" rel=\"noreferrer noopener\">Metadatos de la p\u00e1gina<\/a>. Los meta ajustes de cualquier p\u00e1gina tienen mayor prioridad que los ajustes del personalizador. Aunque desactivemos la configuraci\u00f3n global, la cabecera transparente seguir\u00e1 apareciendo si est\u00e1 activada a trav\u00e9s de la configuraci\u00f3n meta. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Estilismo<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfDiferente logotipo para la cabecera transparente?<\/strong>: Al activar una cabecera transparente, se muestra por defecto el logotipo del sitio configurado en Dise\u00f1o &gt; Cabecera &gt; Identidad del sitio. Si desea establecer un logotipo diferente al logotipo del sitio en la cabecera transparente, marque la casilla de verificaci\u00f3n y establezca un logotipo.<\/li>\n\n\n\n<li><strong>Tama\u00f1o y color del borde inferior<\/strong>: Establece un borde inferior para una cabecera transparente.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/different-logo-for-transprent-header.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/different-logo-for-transprent-header-1024x456.jpeg\" alt=\"different logo for transparent header\" class=\"wp-image-152678\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/different-logo-for-transprent-header-1024x456.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/different-logo-for-transprent-header-300x134.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/different-logo-for-transprent-header-768x342.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/different-logo-for-transprent-header.jpeg 1359w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colores y fondo de la cabecera transparente<\/h3>\n\n\n\n<p>Los ajustes est\u00e1n disponibles en el personalizador en&nbsp;<strong>Encabezado &gt; Encabezado transparente. <\/strong>Establecer diferentes colores para una cabecera transparente con las siguientes opciones -<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fondo <\/strong>- Color de fondo de la cabecera transparente<\/li>\n\n\n\n<li><strong>T\u00edtulo del sitio<\/strong> - T\u00edtulo del sitio Color<\/li>\n\n\n\n<li><strong>Men\u00fa <\/strong>- Color de fondo, Color de enlace\/texto, Color de enlace activo\/sobreimpresi\u00f3n<\/li>\n\n\n\n<li><strong>Submen\u00fa<\/strong> - Color de fondo, Color de enlace\/texto, Color de enlace activo\/sobreimpresi\u00f3n<\/li>\n\n\n\n<li><strong>Contenido <\/strong>- Color del texto, color del enlace, color del enlace sobreimpresionado<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra_3_transparent_color_options.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra_3_transparent_color_options.jpg\" alt=\"Transparent Header - Color &amp; Background options\" class=\"wp-image-84529\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra_3_transparent_color_options.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra_3_transparent_color_options-300x157.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra_3_transparent_color_options-1024x536.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra_3_transparent_color_options-768x402.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Nota:<\/strong><\/p>\n\n\n\n<p>1.&nbsp;<strong>Tipograf\u00eda<\/strong>&nbsp;para Cabecera Transparente se heredar\u00e1 de&nbsp;<strong>Global &gt; Tipograf\u00eda &gt; Tipograf\u00eda base.<\/strong><br>2. La cabecera transparente puede activarse o desactivarse para una p\u00e1gina concreta desde <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/page-meta-settings\/\">Metadatos de la p\u00e1gina<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A partir de la versi\u00f3n 1.6.0 del tema Astra, la opci\u00f3n de cabecera transparente estar\u00e1 disponible con el tema Astra gratuito. Antes de esta versi\u00f3n, la opci\u00f3n de cabecera transparente estaba disponible con el complemento Astra Pro. Vea el anuncio inicial de esta caracter\u00edstica. Pasos r\u00e1pidos para a\u00f1adir un encabezado transparente a su sitio webPaso 1: Encuentre las opciones de encabezado transparente [...]<\/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":[2093],"docs_tag":[],"class_list":{"0":"post-29769","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-before-3-0"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["2093"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1685953394: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":["30"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:62:\"https:\/\/git-staging.wpastra.com\/docs\/astra-transparent-header\/\";s:8:\"url_real\";s:62:\"https:\/\/git-staging.wpastra.com\/docs\/astra-transparent-header\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";s:5:\"29832\";s:6:\"anchor\";s:18:\"Transparent Header\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:33:\"Transparent Headers Are Now FREE!\";}}"],"wpil_links_outbound_internal_count_data":["a:6:{i:0;a:9:{s:3:\"url\";s:68:\"https:\/\/git-staging.wpastra.com\/docs\/getting-started-with-astra-pro\/\";s:8:\"url_real\";s:68:\"https:\/\/git-staging.wpastra.com\/docs\/getting-started-with-astra-pro\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:9:\"Astra Pro\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:65:\"https:\/\/git-staging.wpastra.com\/transparent-headers-are-now-free\/\";s:8:\"url_real\";s:65:\"https:\/\/git-staging.wpastra.com\/transparent-headers-are-now-free\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:29832;s:6:\"anchor\";s:13:\"announcement \";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:33:\"Transparent Headers Are Now FREE!\";}i:2;a:9:{s:3:\"url\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/meta-settings-free\/\";s:8:\"url_real\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/meta-settings-free\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:18:\"Page Meta settings\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:3;a:9:{s:3:\"url\";s:98:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-transparent-header-customizer.png\";s:8:\"url_real\";s:98:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-transparent-header-customizer.png\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:141:\"<img src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-transparent-header-customizer.png\" alt=\"\" class=\"wp-image-39880\"\/>\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:4;a:9:{s:3:\"url\";s:102:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-transparent-header-color-settings.png\";s:8:\"url_real\";s:102:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-transparent-header-color-settings.png\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:145:\"<img src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-transparent-header-color-settings.png\" alt=\"\" class=\"wp-image-39882\"\/>\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:5;a:9:{s:3:\"url\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/meta-settings-free\/\";s:8:\"url_real\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/meta-settings-free\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:18:\"Page Meta settings\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count_data":["a:0:{}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_title":["How to Add Transparent Header with Free Astra Theme?"],"astra_style_timestamp_css":["1573724493"],"_oembed_2f439e94bf1e8e285511aac4b9aa1739":["<iframe title=\"Transparent Headers in Astra Header Footer Builder\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Ds77qOjJzk4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_2f439e94bf1e8e285511aac4b9aa1739":["1629201628"],"_oembed_523b3766222acbe059b08a15d6256542":["<iframe title=\"Transparent Headers in Astra Header Footer Builder\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Ds77qOjJzk4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_523b3766222acbe059b08a15d6256542":["1610608376"],"_yoast_wpseo_estimated-reading-time-minutes":["4"],"_ht_kb_post_views_count":["28"],"_ht_kb_usefulness":["0"],"_ht_article_order_120":["29769"],"wp_last_modified_info":["June 5, 2023 @ 1:54 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["7034"],"helpful":["28"],"unhelpful":["87"],"redirects":["45"],"rank_math_primary_docs_category":["2093"],"rank_math_title":["How to Add Transparent Header with Free Astra Theme?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["951"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-06-05 13:54:50"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-628e06e1b8504\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:50:\"Transparent Headers in Astra Header Footer Builder\";s:11:\"description\";s:176:\"Don&#39;t forget to watch these videos as well \ud83d\udc47\ud83c\udffcAstra Header Footer Builder Walkthrough \ud83d\udc49\ud83c\udffc  https:\/\/youtu.be\/blvToYnfa18Sticky Header in Astra Theme \ud83d\udc49\ud83c\udffc ht...\";s:10:\"uploadDate\";s:10:\"2021-01-13\";s:12:\"thumbnailUrl\";s:79:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/maxresdefault-63.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/Ds77qOjJzk4\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:8:\"PT14M23S\";s:5:\"width\";s:4:\"1280\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["23"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"55cd22b8306c638c077caf7f2cb307cd\";s:6:\"images\";a:1:{i:0;s:118:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/transparent-header-enable-on-complete-website-1024x456.jpeg\";}}"],"pfd_related_docs":["a:4:{i:0;s:12:\"       89779\";i:1;s:12:\"       70152\";i:2;s:12:\"       70286\";i:3;s:10:\"     73672\";}"],"pfd_manual_related_docs":["1"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["astra-cabecera-transparente"],"_uag_page_assets":["a:9:{s:3:\"css\";s:3730:\" .uagb-block-f8920b46.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-f8920b46 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;background-color: #fff8e1;border: 2px solid #fdf4c9;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-f8920b46.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;} .uagb-block-f8920b46.uagb-dismissable > svg{width: 16px;height: 16px;} .uagb-block-f8920b46 .uagb-notice-title{background-color: #fdf4c9;border-top-right-radius: 3px;border-top-left-radius: 3px;}@media only screen and (max-width: 976px) { .uagb-block-f8920b46 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-f8920b46 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-f8920b46 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-f8920b46 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}}.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:271:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-f8920b46' );\n});\n });\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:18:\"uagb\/inline-notice\";i:2;s:12:\"core\/heading\";i:3;s:10:\"core\/image\";i:4;s:9:\"core\/list\";i:5;s:14:\"core\/list-item\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776652895\";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":"From Astra Theme Version 1.6.0,&nbsp;the Transparent Header option will be available&nbsp;with free Astra Theme. Prior to this version, the Transparent Header option was available with the Astra Pro Addon plugin. See the initial announcement post for this feature. Quick Steps on How to Add Transparent Header on Your WebsiteStep 1: Find the Transparent Header Options&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29769"}],"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=29769"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29769\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=29769"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=29769"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=29769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}