Hoy vamos a ver cómo crear un pie de página con Divi que tenga menús del sitio web y publicaciones recientes.
La forma en que lo vamos a construir permite que el pie de página de Divi se actualice de forma dinámica cuando publicamos nuevos contenidos o modificamos los menús desde WordPress.
Para lograr que nuestro pie de página de Divi sea dinámico, es decir que se actualice con los cambios que hagamos en WordPress, vamos a usar las áreas de widgets de WordPress y los menús.
En el video te muestro paso a paso cómo crear un pie de página con menús de WordPress y entradas recientes del blog con Divi.
Lo primero que tenemos que hacer es crear en WordPress los menús que queramos mostrar en el pie de página.
Para este ejemplo voy a usar 3 menús: Principal, Categorías y Social.
El segundo paso es configurar las áreas de widgets que vamos a mostrar en el pie de página dinámico con Divi.
Podemos imaginar cada área de widgets como una columna del pie de página en la que vamos a mostrar un menú.
Así que añadimos un widget Menú de Navegación a cada área de widget de pie de página y seleccionamos el menú que vamos a mostrar en cada uno.
También podemos añadir un widget de Entradas recientes, o el widget que se te ocurra.
Ahora estamos listos para ir al Theme Builder y crear un Pie de Página global para el sitio web.
En primer lugar configuramos la sección predeterminada para que pueda contener nuestro pie de página con inicio de sesión.
FONDO:
SEPARACIÓN:
Insertamos una primera fila con estructura de dos columnas: la columna 1 angosta y la columna 2 ancha.
FONDO:
TAMAÑO:
SEPARACIÓN:
Accedemos a las columnas 1 y 2 para añadirles el siguiente relleno.
SEPARACIÓN:
Y por último vamos a la columna 1 y además le añadimos un borde derecho.
BORDE:
Dentro de la columna 1 insertamos un Módulo Imagen de Divi para colocar el logo del sitio web.
TAMAÑO:
Insertamos un Módulo Texto de Divi en la columna 2 y escribimos dentro un titular H2 a elección. Ajustamos los estilos así:
TEXTO DEL TITULO:
FONDO:
TAMAÑO:
SEPARACIÓN:
Luego vamos a los ajustes de la columnas y asignamos los siguientes estilos:
SEPARACIÓN:
BORDE:
En cada una de las columnas vamos a insertar un módulo Barra Lateral de Divi.
CONTENIDO:
TEXTO DEL CUERPO:
TEXTO DEL TITULO:
SEPARACIÓN:
Solo queda guardar los cambios en el constructor Divi y en el Theme Builder para proceder a recargar la página y ver terminado nuestro pie de página global que se actualiza de forma dinámica cuando publicamos nuevo contenido o modificamos algún menú.
Déjame debajo un comentario contándome que te parecieron estas características y posibilidades de Divi y ayudame compartiéndolo para que más personas puedan aprender todo lo que se puede hacer con Divi.
Al momento de activar el constructor Divi se crea una nueva opción en el menú…
Divi es un constructor para WordPress que se instala como un si fuera un tema…
En esta guía te muestro paso a paso cómo crear una caja con información del…
En esta guía te muestro cómo cambiar el encabezado de la página home para que…
En esta guía vamos a ver cómo asignar con Divi un diseño diferente a entradas…
En esta guía te muestro paso a paso cómo crear un CV digital con WordPress…