Explicación del tema Astra: Guía para configurar encabezados y pies de página (12)

La selección y configuración de temas es crucial a la hora de crear un sitio web WordPress perfecto.Tema AstraCon sus características altamente personalizables y flexibles, se ha convertido en una opción popular para muchos usuarios. En nuestros tutoriales anteriores, ya hemos hablado delTema Astrade otros ajustes, hoy nos centraremos en los ajustes de cabecera y pie de página. Aunque esta parte de la configuración se ha dejado para el final, no debe ignorarse su importancia. Con una configuración adecuada, puede mejorar significativamente el efecto visual y la experiencia de usuario de su sitio web.

Pasos: back-end del sitio web → Apariencia → Personalizar → Constructor de cabeceras.

Tras hacer clic en él, obtenemos esta pantalla

El cuadro rojo de la izquierda mostrará parte de la colocación de nuestra cabecera, que es el encabezado, para facilitar el ajuste general, pero por supuesto se puede ajustar por separado a continuación

¡Como se muestra arriba, el logotipo del sitio web correspondiente (Título del sitio y logotipo), menú (Menú principal), botón (Botón 1), cuenta personal (Cuenta), de acuerdo a sus necesidades reales para ajustar!

Estamos desconcertados por qué hay tres filas de cabecera, pero ahora sólo la fila del medio tiene un diseño, que es dejar su propio espacio de funcionamiento, puede utilizar las filas superior e inferior como una brecha para ajustar, o para añadir otras características, su diseño también estará en la parte frontal de la página para mostrar las filas superior e inferior, lo siguiente que añadir una función que se puede ver

Como se muestra arriba, he añadido una función de búsqueda, y luego apareció en la parte superior de la cabecera, sentimos que la pantalla es demasiado pequeña, a la derecha, porque la brecha en esta fila no se ajusta, antes de que sea sólo la segunda fila de la disposición, las filas superior e inferior de la brecha se ajusta a la más pequeña, de lo contrario todo el encabezado parecerá ser muy grande, descoordinada, el siguiente vistazo a cómo ajustar la brecha

Haga clic en el símbolo de ajuste, a continuación, puede ajustar la altura, es decir, la brecha, y mostrar en esos dispositivos, de la siguiente manera

Como se muestra arriba, también puede establecer el color de fondo del color del texto de esta fila individualmente y así sucesivamente, ¡es muy conveniente!

Las otras dos filas funcionan de la misma manera y, por supuesto, puede configurar toda la cabecera

Pasos: Website Backend→Appearance→Customize→Header Builder→DESIGN

Como hemos elegido una cabecera transparente, los ajustes no están aquí

Pasos: Website Backend→Appearance→Customize→Header Builder→Transparent Header

¡Por supuesto, el encabezado transparente también se puede configurar para mostrar el dispositivo, y reemplazar el logotipo del sitio, pero aquí es que yo no uso para abrir el Habilitar en el sitio web completo (habilitado en todo el sitio) no se puede establecer, porque me puse en la cabecera del logotipo del sitio, si se habilita aquí, entonces será sobrescrito por la configuración anterior!

Establece varios textos y fondos aquí, no necesitas establecerlos aquí si no tienes una página transparente.

¡Como se muestra arriba, cabecera transparente es ver lo que necesita el efecto del sitio, si usted no necesita la página de inicio de la presentación de diapositivas o cartel en uno, no se puede activar esta, Astra plantillas de temas algunos son cabecera transparente algunos no lo son, se puede ver claramente en el momento de la importación, si todavía no prestar atención a ella, se puede ajustar!

La cabecera está dividida en tres partes, la forma de organizarla depende del tipo de efecto que necesites, el centro debe estar centrado, adecuado para poner menús

Add también cuenta con una serie de funciones entre las que elegir, como se muestra arriba y abajo

Se pueden añadir hasta dos botones Botón 1 y Botón 2, adecuados para saltar enlaces

Los divisores son también hasta dos Divisor 1 y Divisor 2

Visualización de shortcode: HTML 1 y HTML 2, también hasta dos, por ejemplo, hay algunos plug-ins que se pueden insertar en la cabecera con este shortcode, como multi-idioma multi-moneda

LanguageSwitcher: Multilingüe (conmutador de idiomas)

Menú secundario: (menú secundario), se puede entender la existencia después del menú principal

ToggleButton: (símbolo colapsado), visualización del menú para teléfonos móviles

Search es la barra de búsqueda, Social son los enlaces sociales

Cart: es un carrito de la compra

Widget función se puede establecer en los widgets de back-end: Widget 1 a 4, por supuesto, por lo general se utiliza para el pie de página, si el pie de página no es necesario establecer el encabezado

Hay cuatro más que se han añadido en la cabecera, por lo que no aparecerán en las características que se pueden añadir

También depuración de los tres principales dispositivos, como el teléfono móvil a continuación

OFF CANVAS para móviles es el símbolo plegable y los ajustes de contenido en su interior

Menú Recuerde configurar cada elemento de menú correspondiente o no aparecerá.

Lo siguiente para hablar sobre el pie de página, básicamente el mismo, hay una diferencia es que se puede establecer una fila de cuántas columnas

Como se muestra arriba, se puede establecer una fila de varias columnas, puede lograr el efecto que necesita, y el efecto de la disposición

¡Puede agregar la plantilla son similares, el menú principal en el menú de pie de página, usted tiene más de sus propias necesidades para agregar!

Una última cosa es que hay una diferencia entre Astra y Astra pro, como sigue

Cabecera adhesiva o cabecera superior

La cabecera superior sigue siendo buena, de lo contrario la cabecera no se pegaría a la parte superior de la página actual al deslizar el dedo, ¡estaría en la parte superior de la página de inicio!

Por lo tanto, se recomienda abrirAstra pro ¡Desbloquea todas las funciones para disfrutar de una mejor experiencia!

resúmenes

A través de la introducción de este artículo, creo que has dominado cómo configurar el encabezado y el pie de página en el tema Astra. Estos ajustes no sólo pueden hacer su sitio web más personalizado, sino también mejorar la experiencia de navegación del usuario. Si está interesado en el tema Astra o en otros aspectos de la configuración de WordPress, le invitamos a que preste atención a nuestro próximo número, le proporcionaremos una explicación en profundidad de la diferencia entre los plug-ins de temas pirateados y los plug-ins de temas genuinos, para ayudarle a tomar una decisión más informada.