A partir de la versión 1.6, el tema Astra para WordPress (está en el repositorio oficial) tiene la opción de añadir una cabecera transparente o Transparent Header originalmente en inglés.
Pasos para añadir un encabezado transparente a tu WordPress
- Primero: busca las “Opciones de cabecera transparente” en el personalizador para editar las Opciones de encabezado transparente.
En español – [ Apariencia > Personalizar > Cabecera > Cabecera transparente ]
En inglés – [ Appearance > Customize > Header > Transparent Header ] - Segundo: debajo la sección Cabecera transparente puedes Habilitarlo en todo el sitio web, decidir si quieres que aparezca solamente en móvil, escritorio o en ambos, establecer un logo diferente y agregar un color de Borde Inferior.
¿Cómo funciona la cabecera transparente?
El encabezado transparente te permite crear fácilmente headers más vistosos y atractivos. Al activar esta opción en el personalizador, el fondo de tu encabezado principal se convertirá en transparente y se pondrá pon encima del contenido de la página, que subirá a la parte superior.
Fusionará la cabecera principal y el contenido de la página. Esto significa que tu parte superior del contenido de la página se establecerá como fondo de la cabecera transparente.
Por ejemplo, si la página contiene una imagen como sección superior, se desplegará y se fijará como imagen de fondo para la cabecera transparente.
Ajustes de diseño para la cabecera transparente
Después de activar el tema de Astra, la configuración del encabezado transparente estará disponible en el personalizador.
Desde el Dashboard/Administrador de WordPress navega a Apariencia > Personalizar > Cabecera > Cabecera Transparente. A continuación se encuentran las opciones disponibles.
Habilitar la cabecera transparente en todo el sitio web
Marca la casilla de esta opción si desea mostrar un encabezado transparente en todo el sitio web.
Al activar esta opción, se ofrecen las siguientes reglas de exclusión. Esto significa que puedes elegir algunas páginas y posts, donde la cabecera transparente puede ser desactivado.
- ¿Desactivar en 404, búsqueda y archivos? Esta configuración no se recomienda generalmente en páginas especiales como archivo, búsqueda, 404, etc. Si desea desactivar el encabezado transparente en estas páginas, marque la casilla de verificación.
- ¿Desactivar en la página del blog? Desde Configuración de la página de inicio, si has configurado la opción Tu página de inicio muestra > Tus últimas publicaciones, entonces la página de inicio se convierte en una página Índice del blog. Si quieres deshabilitar la cabecera transparente de la misma, marca la casilla de verificación.
- ¿Desactivar en Páginas? Si desea deshabilitar el encabezado transparente en todas las páginas, marque la casilla de verificación.
- ¿Desactivar en Mensajes? Si deseas deshabilitar la cabecera transparente en todos los mensajes, marca la casilla de verificación.
Nota: La cabecera transparente también se puede configurar desde la configuración de la Meta de la página. Sólo tienes que editar la página/post, en la barra lateral derecha, encontrarás la sección Configuración de Astra. Esto le permite habilitar/deshabilitar el encabezado transparente para una página/poste en particular. Tenga en cuenta que la meta configuración de la página tiene una alta prioridad que la configuración del personalizador.
Activar en
Elija un dispositivo para mostrar una cabecera transparente. Las opciones son –
- Escritorio
- Móvil
- Escritorio + Móvil
Estilo
- ¿Logo diferente para la cabecera transparente? Cuando habilita el encabezado transparente, por defecto muestra el logotipo del sitio establecido en Diseño > Cabecera > Identidad del sitio. Si desea establecer un logo diferente ese logo del sitio en el encabezado transparente, marque la casilla de verificación y establezca un logo.
- Tamaño y color del borde inferior: Establezca un borde inferior para la cabecera transparente.
Colores y fondo para la cabecera transparente
Los ajustes están disponibles en el personalizador en Cabecera > Cabecera transparente. 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, Enlace activo / Color de flotador
- Color del submenú – Color de fondo, enlace / color del texto, enlace activo / color del aire.
- Contenido – Color del texto, color del enlace, color del cursor del enlace
Nota:
1. La tipografía para la cabecera transparente se heredará de Global > Typography > Base Typography.
2. La cabecera transparente puede activarse o desactivarse para una página en particular desde la configuración de Page Meta.
¿Te gusta lo que lees?
Cada martes a la 13h, una reflexión sobre negocios, crecimiento profesional, sentido poco común, hábitos, captación, ventas y persuasión.
Una gran lección explicada de forma simple para que la interiorices y hagas tuya.
Apúntate aquí.
Información básica sobre protección de datos
Responsable y destinatario
Antonio Sánchez Sánchez (un servidor).
Finalidad de la recogida y tratamiento
Al dejarme tu email, la idea es apuntarte a la newsletter. Te llegará un email de confirmación diferente. Mucha gente no pasa de ahí.
Derechos
En cada email que recibas, abajo del todo, hay un enlace para borrarse y dejar de recibir más. Un clic y estás fuera, cero resentimientos.
Información adicional
En la política de privacidad encontrarás información adicional sobre la recopilación y el uso de su información personal, incluida información sobre acceso, conservación, rectificación, eliminación, seguridad, y otros temas legales.