Uso de cabeceras transparentes en los temas Astra

a través de (un hueco) Astra A partir de la versión 1.6.0 del tema, la opción Cabecera transparente forma parte de la versión gratuita del tema Astra, que antes sólo estaba disponible a través de la opción Astra Pro Addon plugin está disponible. La función Transparent Header permite a los usuarios crear una parte superior de página más atractiva y moderna que mejora el atractivo visual del sitio.

Imagen [1] - Cómo activar la cabecera transparente en Astra Theme

Cómo funcionan los títulos transparentes

Con la función de título transparente activada, elEl fondo de la cabecera principal se volverá transparenteel contenido de la página se desplazará a la parte superior y el contenido de la parte superior de la página se convertirá en el fondo de la cabecera transparente. Si el área superior de la página contiene una imagen, esa imagen se arrastra automáticamente a la parte superior y se establece como imagen de fondo para la cabecera transparente.

Activar cabeceras transparentes

Los pasos para habilitar las cabeceras transparentes son muy simples, aquí están los pasos exactos de configuración:

Paso 1: Ir al Personalizador

  • existe Apariencia > Personalizar > Título > TransparenteLa opción Título transparente se encuentra en la cabecera.
  • En la sección Encabezado transparente, active la función Encabezado transparente, establezca un logotipo diferente y puede añadir un color de borde inferior.
Imagen [2] - Cómo activar la cabecera transparente en Astra Theme

Paso 2: Seleccionar la pantalla del dispositivo

Seleccione el dispositivo en el que se mostrará la cabecera transparente en el escritorioymóvil tal vez Escritorio y móvil Espectáculo.

Imagen [3] - Cómo activar la cabecera transparente en Astra Theme

Diseño y estilo de los títulos transparentes

Las cabeceras transparentes no sólo cambian el fondo, sino que también ofrecen más opciones de personalización:

Activar cabeceras transparentes

  • Activar cabeceras transparentes en todo el sitioMarque esta opción para mostrar encabezados transparentes en todo el sitio.
  • Desactivar cabeceras transparentes: Desactivar cabeceras transparentes en ciertas páginas o posts, set include:
    • 404Página de búsqueda y archivo.
    • Blog Inicio.
    • Todas las páginastal vezTodos los artículos.
Imagen [4] - Cómo habilitar cabeceras transparentes en Astra Theme

Estilos personalizados

  • Utilizando diferentes logotipo: Cuando se activan las cabeceras transparentes, la visualización por defecto Diseño > Título > Logotipo del sitio Si desea establecer un logotipo diferente para el título transparente, puede ajustarlo en la configuración.
  • Tamaño y color del borde inferiorPuede establecer un borde inferior para los encabezados transparentes para que el diseño sea más sofisticado.
Imagen [5] - Cómo habilitar cabeceras transparentes en Astra Theme

Configuración del color y el fondo de las cabeceras transparentes

En el Personalizador, puede ajustar las opciones de color para los encabezados transparentes, incluyendo:

  • color de fondo: Establece el color de fondo del título transparente.
  • Color del título del sitio: Establece el color del título del sitio.
  • Menú EstiloAjuste el color de fondo, el color del texto, el color de los enlaces, etc. del menú.
  • Estilo del submenúAjusta el color de fondo del submenú y los colores de los enlaces.
Imagen [6] - Cómo activar la cabecera transparente en Astra Theme

advertencia

  • Título transparente: Las cabeceras transparentes heredan la configuración tipográfica global (Global > Tipografía > Tipografía básica).
  • Página Meta Establecer prioridadLas cabeceras transparentes pueden activarse o desactivarse mediante la opciónPágina Meta a controlar. Esta configuración tiene prioridad sobre la configuración global del personalizador.

resúmenes

Título transparentepuede mejorar drásticamente el aspecto visual de un sitio web, haciéndolo más moderno y profesional. Con unos sencillos ajustes, los usuarios pueden activar fácilmente cabeceras transparentes, ajustar estilos y colores, y hacer que el sitio web tenga un aspecto excelente en diferentes páginas o dispositivos. No dude en ponerse en contacto con el equipo de asistencia si tiene algún problema.

Artículos relacionados


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo fue escrito por: ladrones serán ratas y ratones coraje
EL FIN
Si le gusta, apóyela.
felicitaciones132 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios