Hace unos días te mostraba cómo organizar datos en una plantilla de entradas con Divi, incluyendo campos dinámicos adicionales, más allá del título y texto de la entrada.
Hoy vamos a profundizar en este tema y te voy a mostrar cómo crear una plantilla de entradas para un blog de recetas de cocina con Divi.
Cómo Hacer un Blog de Recetas de Cocina con Divi
El diseño de un blog de recetas de cocina difiere mucho de un blog estándar de WordPress, ya que necesita mostrar la información organizada de una forma más compleja, para ofrecer una lectura rápida y más clara de los distintos bloques de contenido.
No nos resulta suficiente con el bloque de contenido único del editor de WordPress por lo que será necesario añadirle campos adicionales para mostrarlos luego en la entrada publicada.
Recursos necesarios
Para crear nuestro blog de recetas de cocina vamos a usar las siguientes herramientas:
- Plugin Advanced Custom Fields. Este plugin gratuito nos permite añadirle al editor de WordPress los campos adicionales necesarios para una receta de cocina. Funciona tanto con el editor clásico como con Gutenberg.
- Divi. Actualizado a la última versión. Consíguelo aquí.
- Repositorio de plantillas prediseñadas de Divi. Incluido con Divi.
- Theme Builder de Divi. Vamos a usarlo para crear la plantilla conectando los campos adicionales creados con ACF.
Paso a paso
En el siguiente video te muestro paso a paso cómo crear la plantilla de entrada para un blog de recetas de cocina con Divi.
Paso 1
Elegir una plantilla de receta de cocina del repositorio de plantillas prediseñadas de Divi.
También puedes armar tu plantilla desde cero pero te será mucho más rápido adaptar uno de los diseños disponible.
Paso 2
Revisar la plantilla elegida haciendo una lista con los valores que tienen que ser convertidos en contenido dinámico. Ten en cuenta que las plantillas prediseñadas de Divi están construidas con elementos estáticos.
Paso 3
Basándote en la lista anterior crea los campos adicionales que necesites utilizando Advanced Custom Fields para que se muestren en el editor de WordPress cada vez que crees una nueva entrada/receta.
Paso 4
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 5
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 acabo de enseñarte no solo es útil para crear un blog de recetas de cocina con Divi. También se puede aplicar a cualquier otro tipo de entradas que requiera organizar datos adicionales de forma similar.
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.
Me parece una plantilla dinámica extarordinaria para una web de recetas. Pero permite la sugerencia. ¿Por qué no dejas que se pueda descargar un fichero json? Tampoco sería mala idea dejar descargarlo por un precio reducido o incluso una donación. Felicidades
¡Hola! Gracias por tu sugerencia.
Lo que pasa es que el diseño en sí no es una creación completamente mía sino que me lo copié de otro sitio para usarlo de ejemplo, así que no puedo compartirlo. No sería ético.
De todas maneras tomo la sugerencia para otras guías que haga.
Saludos.