Para crear la sección de entradas recientes con Divi vamos a usar las siguientes herramientas:
Hoy te voy a mostrar cómo crear con Divi una sección de entradas recientes que nos muestre la última entrada de cada categoría.
La sección de entradas recientes es un clásico en WordPress y en cualquier tipo de blog.
Por lo general se ubica al final del contenido de todas las entradas del blog y tiene un doble propósito:
Normalmente es necesario agregar un plugin para mostrar entradas recientes en WordPress, pero en este caso lo vamos a hacer con el Theme Builder de Divi.
Además, no conozco ningún plugin de entradas recientes para WordPress que ofrezca tanta personalización como el editor de Divi.
En el video te muestro paso a paso cómo crear una sección de entradas recientes con Divi clasificadas por categorías.
Añadimos una fila con estructura de 4 columnas en el lugar donde queremos agregar la sección de entradas recientes con Divi.
SEPARACIÓN:
Añadimos un módulo Blog en cualquiera de las columnas para mostrar la última entrada de la categorías y lo configuramos según lo indicado a continuación.
CONTENIDO:
ELEMENTOS:
FONDO:
TEXTO DEL TÍTULO:
TEXTO DE LOS METADATOS:
TAMAÑO:
SEPARACIÓN:
SOMBRA DE LA CAJA:
Animación:
Añadimos un módulo Texto para crear la etiqueta de la categoría. Lo arrastramos arriba del módulo Blog y configuramos según lo indicado a continuación.
TEXTO:
FONDO:
TEXTO:
TAMAÑO:
SEPARACIÓN:
ANIMACIÓN:
PUESTO:
Aplicamos a la columna una transformación para que aumente de tamaño cuando pasamos por encima.
TRANSFORMAR:
Borramos las 3 columnas vacías y duplicamos la columna en la que estuvimos trabajando hasta tener las 4 columnas iguales.
Cambiamos las categorías y colores en las otras 3 columnas, tanto en el módulo de blog como en la etiqueta, hasta tener 4 categorías con sus respectivos colores.
Ten en cuenta de que coincida el color de fondo de la etiqueta (módulo Texto) con el color de fondo Flotar del módulo Blog.
Esta sección de entradas recientes que acabamos de hacer con Divi no solo es útil en una plantilla de entradas. También podrías añadirla a la home o a cualquier página del sitio web.
Dejame 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…