20 pies de página Flexbox para Divi 5 (¡descarga gratuita!)

Flexbox hace que sea más fácil que nunca crear pies de pie que se vean limpios, se adapten maravillosamente a diferentes tamaños de pantalla y son fáciles de personalizar en Divi 5. En este paquete gratuito, encontrará 20 diseños únicos de pies de pie FlexBox, cada uno construido con el sistema de diseño Flex de Divi 5 para una alineación precisa y un control receptivo. Ya sea que desee usar los estilos globales existentes de su sitio o comenzar con un diseño listo, encontrará ambas opciones aquí.

Avance

Echemos un vistazo a todos los 20 pies de página Flexbox en este paquete. Este paquete es gratuito para que descargue más abajo en la publicación.

https://youtu.be/xutcua0rccs

Suscríbete a nuestro canal de YouTube

Descargar 20 pies de página FlexBox para Divi 5

Obtenga los 20 pies de página FlexBox gratis, incluidas versiones predeterminadas y previas. Cada pie de página está listo para importar a su biblioteca Divi y usar en el creador de temas. Simplemente descargue y comience a construir.

Descargar los archivos

Descargar gratis

Únase al boletín Divi y le enviaremos una copia del último paquete de diseño de la página de destino de Divi, además de toneladas de otros recursos, consejos y trucos de Divi increíbles y increíbles. Sigue y serás un Divi Master en poco tiempo. Si ya está suscrito, simplemente escriba su dirección de correo electrónico a continuación y haga clic en Descargar para acceder al paquete de diseño.

DESCARGAR

Te has suscrito con éxito. ¡Consulte su dirección de correo electrónico para confirmar su suscripción y obtener acceso a paquetes de diseño semanales de Divi gratuitos!

Lo que está incluido (42 exportaciones)

Una vez que descargue y descomprima la carpeta, encontrará las 42 exportaciones de diseño perfectamente organizadas en versiones predeterminadas y previas a los pies de página individuales y como paquetes completos de "todos los pies".

Predeterminado: pies individuales (20) → Utiliza sus estilos globales.
Valor predeterminado: todos los pies (1) → Paquete completo usando sus estilos globales.

Prestyled: pies individuales (20) → Incluye un estilo en línea para un aspecto instantáneo y listo.
Prestyly: todos los pies (1) → Paquete completo con estilo en línea aplicado.

Cómo instalar los diseños

Mantenga su carpeta de descarga cerca para comenzar a importarlos a su sitio web de Divi.

1. Importar diseños en la biblioteca Divi

Vaya a Divi → Biblioteca Divi.

Una vez allí, haga clic en el botón Importar y exportar para instalar los archivos.

Busque el archivo FlexBox Footer Diseños (All) y haga clic para importarlo.

2. Cree una nueva plantilla de pie

Vaya a Divi → Builder de temas.

Cree una nueva plantilla de pie de página o abra una existente.

3. Sube el diseño del pie de página

Una vez que esté dentro del área de pie de página, puede usar la biblioteca Divi para seleccionar su diseño de pie de página de elección. Haga clic en el botón Agregar diseño en la esquina superior izquierda del constructor de temas.

Seleccione el diseño guardado .

Haga clic en el diseño del pie de página que desea agregar al constructor de temas.

Haga clic en el botón Usar este diseño para cargar el pie de página.

Asegúrese de guardar su nuevo pie de página y sus cambios de constructor de temas.

Predeterminado vs Prestyly: ¿Cuál debe elegir?

Cuando abra la carpeta de descarga, verá dos versiones de cada pie de página: ** predeterminado ** y ** Prestyled **. Se construyen exactamente de la misma manera, la diferencia es cómo manejan el estilo.

Los pies de página predeterminados heredan su aspecto de sus estilos globales. Los colores de su marca, fuentes y estilos de botones se aplican automáticamente. Si ya ha configurado sus estilos globales, el valor predeterminado es la forma más rápida de agregar estos pies a su sitio y coincidir instantáneamente con su diseño.

Los pies prestitados vienen con todos sus estilos al horno: los colores, las fuentes y los diseños de botones están en línea. Se ven exactamente como las vistas previas desde el principio. Esto es genial si está construyendo una demostración rápida, pruebas de ideas o desea obtener el diseño exacto que ve en las capturas de pantalla sin tocar sus variables.

En resumen, vaya con el valor predeterminado si desea que los pies se mezclen sin problemas con los estilos de su sitio existentes. Elija Prestyled si desea el aspecto listo para usar en las vistas previas.

Personalización de los pies

El sistema de diseño FlexBox de Divi 5 le brinda potentes herramientas para modificar diseños mientras mantiene todo receptivo. Aquí le mostramos cómo personalizar estos pies de pie para que se ajusten al estilo de su sitio.

1. Seleccione un módulo para la personalización

En el constructor de temas, pasee el diseño y haga clic en un módulo que desea editar, como un módulo de texto, el módulo de seguimiento de las redes sociales o el botón. El panel de configuración del módulo se abrirá, lo que le permitirá modificar las opciones de contenido, diseño o avanzada.

Por ejemplo, puede hacer clic en el módulo de texto y cambiar el contenido del módulo, o usar divi ai para ayudar a escribir contenido que captará la atención de los visitantes.

En la pestaña Diseño del módulo, puede ajustar fuentes, colores y más configuraciones para que coincida con su marca.

Cada pie de página Flexbox es totalmente personalizable, que incluye imágenes, colores de fondo, fuentes y más, lo que le permite ajustar el diseño para que coincida con su visión.

2. Ajuste la configuración de FlexBox para el control de diseño

Cada pie de página está diseñado con el sistema de diseño FlexBox de Divi 5, lo que significa que puede cambiar la dirección de su diseño, alinear elementos o envolverlos utilizando controles FlexBox extensos. En el constructor de temas, haga clic en una sección o fila que desea personalizar. Por ejemplo, si desea ajustar el espacio entre elementos de diseño, seleccione la columna dentro de la fila, navegue a la pestaña de diseño y seleccione el menú desplegable de diseño.

Puede ajustar el valor en el campo GAP vertical para controlar el espacio.

Las opciones de dirección de diseño le permiten cambiar la dirección de su diseño. Por ejemplo, en la configuración de una fila, puede mostrar todos los elementos de diseño en una fila (horizontalmente), fila reversa, columna (verticalmente) o reversa de columna.

Para controlar la alineación de elementos flexibles (columnas, filas o secciones) a lo largo del eje principal, puede ajustar la configuración de contenido de justificación . Las opciones disponibles incluyen alinear elementos al inicio, centro, final, espacio entre el espacio, el espacio o el espacio de manera uniforme. Estas configuraciones están determinadas por la dirección flexible del contenedor. Por ejemplo, horizontal si se establece la dirección flex en fila, o vertical si se establece en la columna.

En el campo Alinear elementos , puede alinear elementos de diseño dentro de un contenedor hasta el inicio, el centro, el final o el estiramiento.

La configuración de envoltura flexible controla si los elementos FLEX dentro de un contenedor permanecen en una sola línea o envuelven en varias líneas cuando no hay suficiente espacio para adaptarse a los eje principal. Al elegir No Wrap, todos los elementos flexibles se ven obligados a permanecer en una sola línea, incluso si desbordan el contenedor.

WRAP asegura que los elementos FLEX se envuelvan automáticamente en líneas adicionales cuando no pueden caber, y envuelva el contenido de envoltura inversa en el orden inverso.

3. Agregue enlaces cuando sea necesario

Aunque cada diseño de pie de página está listo para salir de la caja, aún deberá agregar enlaces. En este ejemplo, agregaría enlaces a sus redes sociales Seguir el módulo o la política de privacidad. Haga clic para expandir la configuración del módulo. Haga clic en el primer elemento en la pestaña Contenido para revelar su configuración.

Expanda el menú desplegable del enlace y agregue el enlace a su cuenta o página en el campo URL de enlace de cuenta .

Asegúrese de guardar su pie de página antes de salir del constructor de temas.

Use Divi 5 para construir sus pies hoy

Estos 20 pies de página Flexbox son una forma rápida de acelerar sus compilaciones Divi 5, ya sea que esté trabajando desde sus estilos globales establecidos o comenzando con un aspecto prediseñado. Descárguelos, envíalos en el constructor de temas y hazlos tuyos. Flexbox maneja la alineación para que pueda concentrarse en el diseño.