ElegantThemes

Más de 20 útiles tutoriales de pie de página para Divi

Hay muchos tutoriales geniales de Divi en el blog de Elegant Themes. Con estos tutoriales, puedes aprender a hacer cualquier cosa con Divi. Esto incluye cómo diseñar un excelente pie de página. En este artículo, cubriremos más de 20 útiles tutoriales de pie de página de Divi que puede usar con Divi Theme Builder. Todo incluye instrucciones paso a paso para crear pies de página para pantallas de escritorio y móviles. Muchos incluyen descargas de archivos JSON e instrucciones en video.

1. Crea un pie de página personalizado

Este tutorial lo guía a través del proceso de creación y construcción de un pie de página global personalizado usando Divi Builder. Este es un excelente tutorial para comenzar con Divi Footer y Divi Theme Builder.

Ver tutorial

2. Mantén pegado el pie de página de Divi

Haz que tu pie de página Divi sea pegajoso

Este tutorial de Divi muestra cómo hacer que cualquier elemento del pie de página de Divi se adhiera a la parte inferior de la pantalla. Una vez que el elemento alcanza su posición en el pie de página, deja de pegarse y permanece en su posición correcta. Muestra información de contacto completa en el escritorio e información más simple en el móvil. El pie de página es más pequeño hasta que llega a su lugar. Cuando encaja en su lugar, crece a su tamaño normal.

Ver tutorial

3. Crear una pantalla de pie de página fijo

Crear una pantalla de pie de página fijo

Este muestra cómo hacer un pie de página adhesivo que se muestra cuando el usuario se desplaza al área del pie de página. El pie de página está levantado, como si las cortinas estuvieran corridas o las ventanas temblaran. Esto generalmente requiere CSS, pero este tutorial muestra cómo hacerlo usando la configuración de Divi.

Artículo Recomendado:  Angio v1.1.1 – Creative Music Theme

Ver tutorial

4. Fija el pie de página de Divi

Haga que su pie de página Divi esté fijo

Este tutorial muestra cómo mantener la barra inferior de un sitio web con un aviso de derechos de autor e íconos sociales mientras el usuario se desplaza. Muestra cómo hacerlo con CSS o jQuery, y muestra dónde usar el código.

Ver tutorial

5. Agregue un diseño de fondo creativo a la barra de pie de página inferior

Agregue un diseño de fondo creativo a la barra de pie de página inferior

Este tutorial muestra cómo agregar un diseño a la barra de pie de página en la parte inferior del pie de página. Utiliza divisores y otras configuraciones de sección para agregar un fondo creativo que se mezcla con la parte inferior de la página.

Ver tutorial

6. Cree una barra de pie de página móvil

Crear una barra de pie de página móvil

Este tutorial muestra cómo crear una barra de pie de página adhesiva específicamente para dispositivos móviles. Utiliza la opción adhesiva integrada de Divi y crea 3 diseños diferentes de barra de pie de página adhesiva. La barra de pie de página incluye 4 botones de navegación. Incluir CSS.

Ver tutorial

7. Cree hermosos desplazamientos de pie de página debajo de los divisores de sección de Divi

Cree hermosos pies de página que se desplazan debajo de los divisores de sección de Divi

Este enseña cómo crear un pie de página desplazable que muestra un pie de página fijo. El pie de página se muestra con divisores parciales, por lo que puede usar un diseño ondulado o cualquier estilo de divisor que elija. Contiene una pequeña pieza de CSS.

Ver tutorial

8. Crea una barra de pie de página fija

Crear una barra de pie de página fija

Este tutorial muestra cómo crear una barra de pie de página inferior fija usando Divi. Cuando el usuario se desplaza hasta el final de la página, la barra de pie de página permanece en su lugar y encaja perfectamente en el pie de página. Incluye CSS personalizado.

Ver tutorial

9. Diseña un cajón de pie de página flotante

Diseñar un cajón de pie de página flotante

Esto muestra cómo crear un cajón flotante que flota en la parte inferior de la pantalla y se abre cuando el usuario hace clic en un icono. Funciona como un conmutador. Los cajones pueden contener cualquier contenido Divi y se pueden crear usando cualquier sección Divi. Incluye código personalizado.

Ver tutorial

10. Agregue el widget de menú de categoría de publicación a su pie de página global

Agregue el widget de menú de categoría de publicación a su pie de página global

Este muestra cómo agregar el widget de menú de categoría de publicación estándar de WordPress a su pie de página de Divi. Muestra cómo configurar la estructura de categorías, crear varios menús, crear widgets y luego mostrarlos en el pie de página global.

Ver tutorial

11. Cree una barra de pie de página adhesiva con la opción adhesiva de Divi

Cree una barra de pie de página adhesiva con la opción adhesiva de Divi

Este tutorial muestra cómo crear una barra de pie de página que permanece en la parte inferior de la pantalla hasta que el usuario llega al pie de página. Luego, la barra de pie de página se bloquea en su lugar y cambia el color. Crea una interesante llamada a la acción. La versión de escritorio incluye información de contacto y un botón. La versión móvil solo contiene botones.

Ver tutorial

12. Resalta contactos de forma interactiva en tu pie de página global

Resaltar contactos de forma interactiva en el pie de página global

Este tutorial muestra cómo hacer que su formulario de contacto sea interactivo. Divide los datos de contacto en tres módulos seguidos. Cuando el usuario pasa el cursor sobre uno de los módulos, se expande para ser más grande que los demás, cambia de color y cambia el texto para mostrar información. Incluye CSS.

Ver tutorial

13. Agrega un logo dinámico

Agregar logotipo dinámico

Este tutorial muestra cómo mostrar dinámicamente un logotipo estándar en un pie de página. De esta manera, cuando cambie el logotipo de su sitio web en las opciones del tema Divi, el pie de página cambiará automáticamente para coincidir.

Ver tutorial

14. Elimina el pie de página de algunas páginas

Eliminar pie de página de ciertas páginas

Este muestra cómo usar la configuración de Divi Theme Builder para excluir pies de página en ciertas páginas. Muestra una variedad de métodos, incluido cómo usar el pie de página en ciertas páginas, cómo excluirlo de ciertas páginas y cómo ocultar el pie de página predeterminado.

Ver tutorial

15. Agrega íconos sociales

Añadir iconos sociales

En este tutorial, aprenderá cómo agregar íconos sociales en cualquier parte del pie de página de Divi. También aprenderá cómo usar Divi Builder para diseñarlo para que coincida con su diseño.

Ver tutorial

16. Agregar enlace de política de privacidad

Agregar enlace de política de privacidad

En este tutorial, aprenderá cómo agregar un enlace a su página de Privacidad y Términos a su pie de página de Divi. Muestra cómo agregar menús personalizados de WordPress usando 2 métodos diferentes. El primer método cubre el módulo de menú Divi. El segundo cubre el módulo de barra lateral Divi.

Ver tutorial

17. Agrega un menú de WordPress

Agregar menú de WordPress

Este tutorial muestra cómo agregar un menú estándar de WordPress apilado verticalmente a un pie de página de Divi usando widgets de WordPress. Te explica cómo crear menús y widgets, y cómo usarlos con Divi.

Ver tutorial

18. Agregue un año de copyright dinámico que se actualice automáticamente

Agregue años de derechos de autor dinámicos que se actualicen automáticamente

Esto muestra cómo usar la configuración de Divi para mostrar dinámicamente el año actual para crear un aviso de derechos de autor en el pie de página de Divi. Utiliza un módulo de texto simple con opciones dinámicas. También muestra cómo crear un símbolo de derechos de autor y agregar enlaces en los que se puede hacer clic a nombres de sitios web u otra información.

Ver tutorial

19. Agregue shortcode con 3 ejemplos

Añadir shortcode con 3 ejemplos

Este tutorial muestra cómo usar códigos abreviados en los pies de página de Divi. Te guía a través de 3 complementos diferentes que contienen códigos cortos. Muestra cómo agregar códigos cortos usando módulos de texto y código.

Ver tutorial

20. Agregar opciones de correo electrónico

Agregar opción de correo electrónico

Este muestra cómo agregar un módulo de suscripción de correo electrónico a su pie de página Divi y diseñarlo para que coincida con su sitio web. Muestra varios ejemplos y sus configuraciones para ayudarlo a decidir qué diseño se adapta mejor a sus necesidades.

Ver tutorial

21. 4 elementos imprescindibles y cómo añadirlos

4 elementos imprescindibles y cómo añadirlos

Este tutorial analiza los elementos más importantes en el diseño de pie de página. Desglosa los 4 elementos para mostrar los tipos de cosas que pueden contener. También muestra cómo agregarlos a su pie de página Divi.

Ver tutorial

22. Cree un pie de página de pantalla completa

Crear un pie de página de pantalla completa

Este tutorial muestra cómo mostrar el pie de página a pantalla completa. Un pie de página de pantalla completa se adapta a la pantalla independientemente del tamaño de la pantalla o del nivel de zoom que muestre el navegador del usuario.

Ver tutorial

23. Use el módulo Blurb como elemento de pie de página

Usar módulos de Blurb como elementos de pie de página

Este muestra una forma interesante de usar el módulo de introducción en un pie de página de Divi. El módulo de introducción no solo puede mostrar listas vinculadas, sino también agregar iconos a la lista para crear diseños interesantes para las viñetas. También muestra cómo diseñarlos para que coincidan con su diseño.

Ver tutorial

24. 5 consejos para crear un pie de página fácil de usar

5 consejos para crear pies de página fáciles de usar

Este artículo analiza 5 consejos para que su pie de página sea fácil de usar. Muestra los principales elementos que se deben incluir y proporciona información sobre las herramientas que puede utilizar para mejorarlos. Estos consejos se aplican a cualquier pie de página, pero incluyen información sobre cómo hacer ajustes en Divi.

Ver tutorial

25. 3 formas de agregar un descargo de responsabilidad

3 formas de agregar un descargo de responsabilidad

Este tutorial muestra varias formas de agregar un descargo de responsabilidad a un pie de página de Divi. Estos tres métodos incluyen descargos de responsabilidad estáticos, descargos de responsabilidad pegajosos y descargos de responsabilidad animados.

Ver tutorial

Cómo buscar plantillas de pie de página gratuitas

1642133831 535 Mas de 20 utiles tutoriales de pie de pagina para

Hay muchos pies de página de Divi gratuitos en el blog de ET. Simplemente busque «pie de página gratuito», «pie de página Divi gratuito» o palabras clave similares. Encontrará muchas plantillas de pie de página gratuitas para elegir. El paquete de plantillas incluye encabezados y pies de página. Puedes usarlos juntos o individualmente.

la idea de terminar

Aquí está nuestra opinión sobre los más de 20 útiles tutoriales de pie de página de Divi. Hay muchas formas de personalizar el pie de página de Divi. Estos más de 20 tutoriales son una excelente manera de aprender cómo, con muchas ideas para crear las suyas propias. Incluyen instrucciones sobre cómo usar Divi Theme Builder. Algunos de ellos muestran cómo usar CSS y jQuery.

Nos encantaría saber de usted. ¿Ha utilizado alguno de estos más de 20 útiles tutoriales de pie de página de Divi? Háganos saber cuál es su favorito en los comentarios.

Primera aparición de Divi en el blog Elegant Themes después de más de 20 útiles tutoriales de pie de página.

Artículo Recomendado:  Divi Plus v1.6.7 - 41 potentes módulos para el tema Divi

Publicaciones relacionadas

Deja una respuesta

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