Astra Pro El plugin proporciona el módulo Page Headers para crear campos de encabezado de página para su sitio web, incluyendoleyendaEstilo,navegación breadcrumbEl sistema puede adaptarse a diversas estructuras de página y necesidades de visualización, como la configuración del fondo y los métodos de maquetación.
![Imagen [1]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411102808654-image.png)
condiciones previas
Para utilizar este módulo, debe instalar el tema Astra y el módulo Astra Pro y active el módulo Page Headers en el backend.
Pasos habilitantes
- Instalar y activar el plug-in Astra Pro
- Acceso al back office > Astra > Módulos Astra Pro, active el módulo Cabeceras de página
![Imagen [2]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103359681-image.png)
- Haga clic en el botón "Configuración" para acceder a la interfaz de configuración de los encabezados de página.
![Imagen [3]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103407258-image.png)
Proceso de configuración del encabezado de página
- Pulse "Añadir nuevo"Añadir nuevopie de páginadio un nombre a
![Imagen [4]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103528205-image.png)
- Configuración del encabezado de página, encabezado de sitio y reglas de visualización
- Guardar el comunicado para efecto inmediato
Diseño del título de la página
Título de la página y migas de pan arriba y abajo y centradas
![Imagen [5]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103538767-image.png)
![Imagen [6]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103625164-image.png)
rúbricas ypan ralladoSe muestran en los lados izquierdo y derecho respectivamente
![Imagen [7]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103637646-image.png)
![Imagen [8]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103653970-image.png)
navegación breadcrumb
Permite mostrar la ruta de ubicación actual para ayudar a los visitantes a volver rápidamente al contenido principal.
![Imagen [9]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103701103-image.png)
Colores de la cabecera y de las migas de pan
El color del texto puede ajustarse individualmente al esquema de color de la página.
![Imagen [10]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103707812-image.png)
![Imagen [11]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103748462-image.png)
Ajustes de fondo
Establezca los márgenes interiores superior e inferior y controle libremente la altura de la cabecera.
![Imagen [12]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103800372-image.png)
![Imagen [13]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103807802-image.png)
Mostrar el área de cabecera como fondo a pantalla completa
![Imagen [14]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103819782-image.png)
![Imagen [15]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103824567-image.png)
Puede establecer un fondo de color sólido o cargar una imagen de fondo
![Imagen [16]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411103909890-image.png)
![Imagen [17]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104013435-image.png)
Añade colores superpuestos transparentes a las imágenes para mejorar el contraste
Utilizar automáticamente artículos opágina webLa imagen destacada de fondo
El fondo se mueve a distintas velocidades durante el desplazamiento para realzar la dinámica visual de la página.
Ajustes relacionados con la cabecera del sitio (Site Header)
Cuando está activada, la cabecera de la página se muestra junto con la cabecera del sitio y el fondo se aplica automáticamente a toda el área de la cabecera.
Unidad visual en la parte superior de la página, adecuada para un estilo de diseño de navegación transparente
![Imagen [18]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104026186-image.png)
![Imagen [19]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104038793-image.png)
Soporte para cargar sitios específicos logotipoLa anchura puede ajustarse por separado para Normal y Retina HD.
configuración del menú
Colores de fondo personalizables, colores de enlaces, colores hover, etc.
Proporciona submenús para el menú principal y las zonas superior e inferior de la cabeceramenúAjustes de color
![Imagen [20]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104055525-image.png)
Puede sustituir el menú principal predeterminado y seleccionar otros menús para su presentación
![Imagen [21]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104103146-image.png)
Se puede añadir texto al final del menú,HTMLContenido, botones, iconos de búsqueda, widgets, etc.
![Imagen [22]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104113785-image.png)
Los elementos de menú personalizados pueden mostrarse por separado del menú principal en el móvil para facilitar su uso.receptivoapertura (jerga ajedrecística)
![Imagen [23]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104136636-image.png)
control de pantalla
Elija en qué páginas, artículos o categorías desea mostrar encabezados específicos
![Imagen [24]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104218442-image.png)
Puede establecer el ámbito de visualización correspondiente a los distintos roles de usuario; por ejemplo, los visitantes y los usuarios registrados pueden ver contenidos diferentes.
![Imagen [25]-Explicación del módulo de cabecera de página de Astra Pro: Creación de un área de cabecera de página personalizada](https://www.361sale.com/wp-content/uploads/2025/04/20250411104226981-image.png)
resúmenes
El módulo Cabecera de página esAstraEl diseño del título de la página proporciona elementos de control altamente flexibles, adecuados para su aplicación en la página de inicio del blog, página de servicio, introducción de la marca y otros escenarios. Coincidir con la imagen de fondo,apertura (jerga ajedrecística)Los estilos y la personalización del menú pueden crear una primera pantalla de la página visualmente atractiva.
Artículos relacionados
Enlace a este artículo:https://www.361sale.com/es/49714
El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios