Similar to the Header, the Footer is a section shown across all (or almost all) pages and posts on your posts. The main difference is that the Footer is located at the bottom of your website. Thus, contrary to Header, the Footer is often the area that website visitors see the last.
It’s not rare that people miss the opportunity to build a good footer, but this can really make a difference with keeping users on your website as well as with conversions, subscriptions, etc.
Este es el lugar donde sus visitantes esperan encontrar información clave, como datos de la empresa, información de contacto, enlaces a redes sociales o contenido y enlaces adicionales o relacionados.
Suele ser un buen lugar para añadir enlaces a otras ofertas que pueda tener o para colocar los enlaces más importantes y los botones de llamada a la acción para evitar la necesidad de volver a desplazarse hasta la parte superior.
Astra Theme Walkthrough Docs:
- Astra Theme Tutorial
- Este es tu personalizador
- Modele su sitio web con ajustes globales
- Construya su cabecera
- Encontrar el camino con migas de pan
- Cree su blog
- Añada sus barras laterales
- Construya su pie de página (leyendo actualmente)
- Alojar Google Fonts localmente: el rendimiento es la clave
- Ver otras opciones del personalizador
- ¿Cómo crear sitios web rápidos con Astra?
- Cómo sacar el máximo partido a Astra Theme
Una vez más, el tema Astra viene con un constructor de pie de página de arrastrar y soltar que le permite construir su pie de página con la misma facilidad que su cabecera.
Elements and Design tabs
Elementos es la vista por defecto al abrir el Constructor de pie de página. Aquí tienes una visión general de la configuración de tu pie de página.
En el menú de la izquierda aparecerán todos los elementos de pie de página activos.
El resto de la pantalla muestra una vista previa en vivo de su pie de página y la posición de sus elementos a través de las secciones de pie de página en su Visual Footer Builder.
Diseño le ofrece opciones para establecer el color y la imagen de fondo para todo el pie de página, así como para añadir Acolchado y Margen.
Constructor visual de pies de página
Al igual que el Encabezado, el Constructor Visual de Pie de Página también consta de tres secciones separadas.
Estas tres secciones de pie de página son:
- Pie de página principal - la sección central; ésta es su sección principal de pie de página.
- Sobre el pie de página - la sección superior; suele ser el lugar para añadir el formulario de suscripción o los botones de llamada a la acción
- Debajo del pie de página - la sección inferior; normalmente se coloca aquí la información sobre derechos de autor y la información de contacto o de la empresa (como dirección, número de teléfono/correo electrónico, número de registro de la empresa, etc.)
As with the header sections, each footer section customizations are accessed by clicking on the “settings” icon on the left side of the sections.
Cada sección tiene dos pestañas:
Ficha General - Pie de página
Columna - seleccione el número de columnas que desea añadir a esta sección de pie de página;
Diseño - elija la disposición de las columnas en función del número de columnas seleccionado;
Disposición de los elementos interiores - mostrar widgets en la misma columna Apilados (unos encima de otros) o En línea (unos junto a otros)
Anchura - establezca la anchura del contenido del pie de página en Ancho total (borde a borde) o a Anchura del contenido
Altura - Establecer la altura de esta sección de pie de página.
Alineación vertical - Alinear verticalmente el contenido de los elementos de todas las columnas de esta sección de pie de página en la parte superior, central o inferior de la sección.
Pestaña Diseño - Pie de página
Tamaño (y color) del borde superior - añada el borde superior a la sección de pie de página estableciendo el tamaño de su borde.
Color del borde - Una vez establecido el tamaño del borde, un aparecerá una opción adicional (Color del borde) para elegir el color del borde;
Fondo - establecer este color de fondo de pie de página;
Distancia entre columnas interiores - añada espacio dentro de cada columna;
Acolchado - añadir relleno en uno o varios lados del pie de página;
Margen - añadir un margen en uno o varios lados de la cabecera.
Cada sección del pie de página puede personalizarse por separado para escritorio y móvil. Puedes añadir diferentes elementos de pie de página o cambiar sus posiciones para cada viewport.
Elementos de pie de página
Puede construir su pie de página de la misma forma que su cabecera. Comparado con el Constructor de Encabezado, el Constructor de Pie de Página ofrece un número algo menor de elementos. Podrás añadir los siguientes elementos a tus secciones de pie de página: Menú de pie de página, Social, HTML, Widgety Copyright.
Más adelante, le mostraremos cómo utilizar elementos específicamente disponibles para el pie de página y algunos de los que se utilizan también para los encabezados pero con configuraciones ligeramente diferentes. El resto de los elementos se utilizan de la misma manera que con Header Builder.
Menú principal
Aquí verá los elementos de menú que ha añadido a su Menú de pie de página (Panel > Apariencia > Menús).
En el General puede configurar el menú Diseño a En línea o Pila y configure los elementos del menú Alineación.
En Diseño le permitirá configurar el Colores de texto y fondo, Tamaño de fuente del menú, Espaciado entre menús y Margen.
Social (Pie de página)
En comparación con el elemento Social utilizado para la cabecera, el elemento Social del pie de página tiene la característica adicional Alineación en el General tab
Copyright
Este elemento le permite simplemente añadir y dar estilo a su Copyright y puede ser usado sólo dentro del Pie de Página. Puede utilizar los siguientes códigos cortos aquí:
[copyright]
[current_year]
[site_title]
[theme_author]Esperamos que este documento le haya sido útil. No dude en dejarnos un comentario a continuación si tiene alguna duda.
