Encabezados avanzados: cree hermosos títulos de página, encabezados transparentes y mucho más.

Volvemos con una increíble actualización para el plugin Astra Pro 🙂 .

Esta vez, estamos introduciendo un nuevo complemento llamado Advanced Headers. Lo que esto hace es esencialmente le permite crear realmente hermosa página y sitio encabezados. He aquí algunos ejemplos

header example
header example 2

Veamos cómo funciona:

Una vez que esté en la versión "1.0.0-beta.7" o superior de "Complemento Astra Pro", debería ver un nuevo complemento disponible.

Astra page header module

Si lo activa, debería ver una opción de menú donde podrá crear nuevos encabezados de página.

Adding new page headers in Astra

Al crear una nueva cabecera, debería ver tres opciones principales: "Cabecera de página", "Cabecera del sitio" y "Reglas de visualización".

Astra page header options (old)

La cabecera del sitio es básicamente la cabecera global del sitio, donde se encuentran el logotipo y la navegación principal del sitio web. Y el encabezado de página es de una página en particular donde se ve el título de la página, breadcrumb, etc.

Page Header layout

En las reglas de visualización, puede seleccionar las áreas de su sitio web en las que desea que tenga efecto un encabezado concreto. Si es un Castor Themer la configuración te resultará familiar, ya que hemos utilizado código de ese increíble plugin.

Astra page headers display rules

De este modo, puede crear diferentes cabeceras para su sitio y aplicarlas en las áreas que desee. Sólo para darle algunas pistas, el complemento Advanced Headers le permitirá algunas de las siguientes cosas:

  1. Diseño Bonitas cabeceras transparentes
  2. Diferentes cabeceras para diferentes áreas de su sitio
  3. Cree tonos oscuros y claros de los encabezados para poder utilizarlos con flexibilidad en las páginas adecuadas.
  4. Navegación diferente para roles de usuario
  5. Añadir Imagen de fondo Parallax
  6. Añadir Migas de pan SEO

Pruebe este complemento y díganos qué le parece.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

14 comentarios
  1. Nick Profile Pic

    Me encuentro con un problema cuando utilizo el encabezado transparente con texto blanco. No tengo fondo seleccionado (claro), pero cuando se va a móvil el fondo es blanco - lo que significa que no puedo ver mi menú. ¿Alguna idea de cómo solucionarlo (sin cambiar los colores del texto)?

    1. Sujay Pawar Profile Pic

      Creo que necesitará algún CSS personalizado. Si necesitas ayuda, ponte en contacto con nuestro servicio de asistencia y estaremos encantados de estudiar tus requisitos y ayudarte.

    1. Team Astra Profile Pic

      Lo hemos añadido a nuestra lista para solucionarlo en la próxima actualización. En este momento, la página de la tienda no funciona en la configuración de destino para los diseños de encabezado de página/personalizados.

  2. Mauro Profile Pic

    Hola, he estado usando el tema Sydney hasta ahora, he visto algunos tutoriales sobre Astra pro pero ninguno de ellos respondió a mi curiosidad. ¿Puedo configurar el encabezado para que sea transparente sólo en el modo de escritorio, pero mantiene el fondo en la tableta y móvil? Gracias

    1. Team Astra Profile Pic

      Ahora mismo la cabecera transparente hace que la cabecera sea transparente tanto en el escritorio como en el móvil. Si te pones en contacto con el servicio de asistencia, podemos proporcionarte el CSS que desactivará el encabezado transparente en el móvil.

  3. Lucas Summer Profile Pic

    Esta característica es impresionante. Actualmente necesito tener un encabezado y una barra superior completamente separados para una página específica. Actualmente se puede cambiar el menú, pero no el logotipo, el título del sitio, etc como se puede en el personalizador. Sé que se puede hacer utilizando diseños personalizados si estuviera usando elementor para el encabezado, pero me gustaría seguir con las opciones de encabezado de Astra.

    1. Team Astra Profile Pic

      Hola,

      Si aún no lo ha hecho, por favor, abra un ticket en nuestro centro de asistenciapara que podamos estudiar sus necesidades y ayudarle lo antes posible.

      Un par de capturas de pantalla, etc. nos ayudarán a comprender con precisión sus necesidades.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio