A partir de la versión 1.6.0 del tema Astra, la opción de cabecera transparente estará disponible con un tema Astra gratuito. Antes de esta versión, la opción Transparent Header estaba disponible con el plugin Astra Pro Addon.
¿Cómo funciona la cabecera transparente?
Una cabecera transparente le permite crear fácilmente cabeceras bonitas y atractivas. Al activar esta opción, el fondo de la cabecera principal será transparente y el contenido de la página se situará en la parte superior. Fusionará la cabecera principal y el contenido de la página. Esto significa que la parte superior del contenido de la página se establecerá como fondo de la cabecera transparente.
Cómo añadir una cabecera transparente a su sitio web
- Encuentre las Opciones de Encabezado Transparente en el personalizador [ Apariencia > Personalizar > Constructor de Encabezado > Encabezado Transparente ]
- En la sección Encabezado transparente, puede habilitarlo en todo el sitio web para escritorio o móvil o Dektop+Móvil. Además, puede establecer un logotipo diferente y el ancho del logotipo aquí.
Configuración de la cabecera transparente
Desde el panel de control de WordPress, vaya a Apariencia > Personalizar > Constructor de encabezado > Encabezado transparente. A continuación, podrás ver las siguientes opciones:
Habilitar en sitio web completo
Active esta opción si desea mostrar una cabecera transparente en todo el sitio web. Al activar esta opción, ofrece las siguientes reglas de exclusión. Esto significa que puede elegir algunas páginas y entradas, donde el encabezado transparente puede ser desactivado.
- Desactivar en 404, Búsqueda y Archivo?: Esta configuración no suele recomendarse en páginas especiales como archivo, búsqueda, 404, etc. Si desea desactivar la cabecera transparente en estas páginas, active la opción.
- ¿Desactivar en la página Blog?: En la Configuración de la página de inicio, si has configurado Tu página de inicio muestra > Tus últimas entradas, entonces la página de inicio se convierte en una página de Blog. Si quieres desactivar la cabecera transparente, activa esta opción.
- ¿Desactivar en páginas?: Si desea desactivar la cabecera transparente en todas las páginas, active esta opción.
- ¿Desactivar en Entradas?: Si desea desactivar el encabezado transparente en todos los mensajes, active esta opción.
- ¿Desactivar en Páginas de Producto de WooCommerce?: Si desea desactivar el encabezado transparente en todas las páginas de productos de WooCommerce, active esta opción.
Activar
Elija un dispositivo para mostrar una cabecera transparente. Tendrá las siguientes opciones.
- Escritorio
- Móvil
- Escritorio + Móvil
Opciones de estilo
- ¿Diferente logo para la cabecera transparente? Cuando habilita una cabecera transparente, por defecto muestra el logotipo del sitio establecido en Identidad del sitio. Si desea establecer un logotipo diferente del logotipo del sitio en la cabecera transparente, active esta opción y establezca un logotipo. También puede establecer un logotipo diferente para dispositivos retina.
- Anchura del logotipo: Puede establecer la anchura del logotipo para una cabecera transparente.
Colores y fondo de la cabecera transparente
Los ajustes de diseño de la cabecera transparente están disponibles en el personalizador en Constructor de cabecera > Cabecera transparente > pestaña Diseño. Establezca diferentes colores para un encabezado transparente con las siguientes opciones.
- Superposición de fondo - Color de fondo de la cabecera transparente
- Título del sitio - Color del título del sitio
- Color del menú - Color de fondo, Color de enlace/texto, Color de enlace activo/sobreimpresión
- Color del submenú - Color de fondo, Color de enlace/texto, Color de enlace activo/sobreimpresión
- Color social - Texto/icono, color de fondo
- Color de búsqueda - Icono, Fondo de cuadro, Texto / Color de marcador de posición
- Color del widget - Título, Contenido, Color del enlace
- Color de los botones: texto, fondo y divisor
- Alternar Color - Icono, Fondo, Color de Borde
- Color HTML - Texto, Color de enlace
Nota: Puede configurar la cabecera transparente desde Metadatos de la página también. Simplemente edita la página/post, en la barra lateral derecha, encontrarás la sección de Ajustes de Astra. Haga clic en la configuración de Astra y en Desactivar elementos, haga clic en la configuración avanzada. Esto abrirá la página de ajustes avanzados. Simplemente haga clic en la opción desactivada junto a la cabecera transparente. Esto le permite activar/desactivar un encabezado transparente para una página/post en particular. Tenga en cuenta que la configuración de la página meta tiene mayor prioridad que la configuración del personalizador.
Si habilitó el Encabezado Transparente, entonces la configuración del submenú debe hacerse desde el Encabezado Transparente. Vaya a Apariencia > Personalizar > Constructor de encabezado > Encabezado transparente > Diseño y realice la personalización aquí. Usted puede hacer uso de este artículo para saber más sobre la personalización del submenú de cabecera transparente.
