Guías Divi

Organización Compleja de Datos en Entradas con Divi

Hoy quiero mostrarte cómo hacer una plantilla de entradas con el Theme Builder de Divi que te permita mostrar datos organizados de una forma más compleja que el típico bloque de texto de cualquier blog.

Esto te va a resultar muy útil cuando necesites crear fichas técnicas de cualquier cosa. Por ejemplo: productos, animales, herramientas digitales, vehículos, hoteles, recetas de cocina, etc.

Cómo Organizar Datos en Entradas

La manera estándar de usar las entradas de WordPress es colocando un título, una imagen destacada y un gran bloque de contenido que puede incluir texto, otras imágenes y videos.

Pero este gran bloque de contenido no resulta práctico para ciertos tipos de publicaciones donde lo que se necesita es mostrar información técnica resumida y organizada visualmente de una manera particular, como tablas o listas destacadas.

El método que te voy a enseñar en esta guía va a permitirte liberar todo tu potencial e imaginación, rompiendo los muros que te mantenían cautivo al único y monopólico bloque de contenido del editor de WordPress que todo lo acapara.

Es útil para

  • Productos.
  • Animales.
  • Herramientas digitales.
  • Tecnología.
  • Vehículos.
  • Hoteles.
  • Recetas de cocina.
  • Y un sinfín de etcéteras…

Recursos necesarios

  • Plugin Advanced Custom Fields. Este plugin gratuito nos permite añadirle campos adicionales y personalizados al editor de WordPress. Funciona tanto con el editor clásico como con Gutenberg.
    Además se pueden configurar varios grupos de campos y definir en qué entradas se añaden.
  • Divi. Actualizado a la última versión. Vamos a usar el Theme Builder de Divi para conectar los campos adicionales creados con ACF a la plantilla de entradas.

Paso a paso

En el siguiente video te muestro paso a paso cómo organizar datos de manera compleja en tus entradas técnicas de WordPress.

 

Paso 1

Elegir una plantilla y hacer una lista con los valores que tienen que ser convertidos en contenido dinámico.

Paso 2

Basándote en la lista anterior crea los campos adicionales que necesites utilizando Advanced Custom Fields y configura la ubicación para que se muestren en el editor de WordPress de determinada categoría.

Paso 3

Ir al Theme Builder y editar la plantilla reemplazando los valores estáticos por contenido dinámico y conectando con los campos correspondientes indicados como ACF en el selector.

Paso 4

Crear una nueva entrada con el editor de WordPress (no Divi) y completar todos los campos adicionales añadidos.
Guardar y revisar la vista previa para verificar que los datos cargados en el editor se muestran correctamente en la entrada publicada.

 

El método que acabas de ver no se limita a los ejemplos mostrados sino que es totalmente abierto y podemos aplicarlo a cualquier tipo de situación que requiera mostrar datos organizados.

Tomalo como punto de partida para liberar tu imaginación y creatividad.

Si te interesa ver otro ejemplo práctico de cómo se puede aplicar a un blog lo que acabamos de ver te recomiendo: Cómo hacer un blog de cocina con Divi

 

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.

Jorge B.

En 2013 fundé Aventura Digital para ayudar a profesionales y emprendedores independientes a tener su sitio web profesional con WordPress.

Compartir
Publicado por
Jorge B.

Artículos recientes

Cómo Configurar Divi

Al momento de activar el constructor Divi se crea una nueva opción en el menú…

28/02/2023

¿Qué es Divi?

Divi es un constructor para WordPress que se instala como un si fuera un tema…

28/02/2023

Cómo Insertar una Caja de Autor en Entradas con Divi

En esta guía te muestro paso a paso cómo crear una caja con información del…

11/04/2022

Cómo Hacer un Encabezado Diferente para la Home con Divi

En esta guía te muestro cómo cambiar el encabezado de la página home para que…

04/04/2022

Cómo Diferenciar Entradas con Diseños Diferentes con Divi

En esta guía vamos a ver cómo asignar con Divi un diseño diferente a entradas…

28/03/2022

Cómo Hacer un CV Digital con WordPress y Divi

En esta guía te muestro paso a paso cómo crear un CV digital con WordPress…

24/03/2022