Tutorial Divi: Cómo crear un blog con Divi + Regalo

En este tutorial de Divi les enseñaré a crear un blog con Divi y les obsequiaré un plugin premium para expandir las posibilidades de diseño del módulo de blog que tienen Divi. Este es otro tutorial de nuestra serie de contenidos de Tutoriales Free donde nos centramos en el mejoramiento y personalización del blog en Divi.

Tiempo de lectura estimado: 0 minutos

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Índice

Comenzaremos diseñando de manera rápida un post de blog con el Theme Builder de Divi, y luego crearemos propiamente la página de blog con unos nuevos módulos que nos proporcionará el plugin premium Divi Blog Extras que podrás descargar de manera gratuita en este post.

Preview

Al terminar el tutorial, podrás conseguir un resultado como este:

Descarga el Plugin Divi Blog Extras de forma gratuita

¿Cómo crear un blog con Divi que tenga un buen diseño?

Si tienes mucho tiempo usando Divi, sabrás que el blog dentro de éste tema no era precisamente lo más destacable. Pero después de la actualización de Divi 4.0 donde introdujeron el Theme Builder esto cambio. Uno de los cambios principales en justo lo que mostramos en este tutorial, la edición al 100% del layout del post con el constructor de temas.

Si quieres usar el tema Divi de manera profesional, revisa nuestro Curso básico del tema Divi para lograr diseños geniales.

Esto hace que la simple vista de un post con Divi dejara de ser lo que era, un horroroso cuento de terror para todos los que querían un diseño destacable con Divi, tal y como se podía lograr con las páginas, o con el diseño de landing page, como lo vemos en éste tutorial.

Pero no solo eso, sino que además tenemos la posibilidad de editar las páginas de categorías de manera personalizada con el Theme Builder, páginas de etiquetas, e incluso las páginas de resultados de búsqueda. Lo que hace que ahora podamos lograr un diseño estandarizado y armonioso en todas las parte de nuestro blog hecho con Divi.

En este tutorial lograremos diseñar la página de blog estilo “Medium” (o casi) con el Theme Builder de Divi, y construiremos una página de blog con el plugin premium que te obsequiamos aquí mismo. Con esto lograremos crear un blog personalizado de manera sencilla y que además represente un excelente diseño.

Conclusiones

Tener un blog con Divi que se vea decente y con buen diseño ya no es una utopía. Como lo vemos en éste tutorial, podemos lograr grandes cosas con el Theme Builder de Divi. Además de eso, vale mencionar que este mismo blog de UXDIVI está hecho por completo con Divi y el Theme Builder en sí mismo. Así es este blog puede ser una muestra de lo bien trabajados que pueden quedar los post, categorías y páginas de búsqueda de un Blog hecho con Divi.

¡Nos gustaría saber qué piensas! ¿Tienes algún consejo de diseño de blog que te gustaría agregar? Déjanos tus opiniones en la parte inferior de este post.

¡Muchas gracias! ¡No olvides compartir este contenido en tus redes sociales!

Nos vemos el el proximo video tutorial.

Artículos relacionados

Comentarios

  1. Hey, Pana —ya me casó del bro— 😉

    Felicidades por todo este trabajo que estás haciendo. Como Divi lover que también soy, de verdad te digo que te quedó chulo el diseño para las entradas en el Theme Builder. Que chulada se aventaron los de Elegant Themes con esa actualización de Divi, mi problema es que ahora con cada nueva web que hago, quiero diseñar una plantilla diferente para el blog de mis clientes aunque ellos ni en cuenta, pero para mi es tiempo. Ni modo, es el precio que tenemos que pagar por querer hacer las cosas bien, así como tú.

    By the way, gracias por el plugin… lo había oido mencionar y vaya que si da posibilidades.

    Abrazos bro y enhorabuena.

  2. Hola Jefferson.
    Muchas gracias por la dedicación que le pones a los tutoriales. Hace dias que estaba buscando la información y en este video encontre las respuestas a casi todas mis preguntas.
    Una vez que configure la apariencia de la entrada y la apariencia de la página blog, el contenido de la entrada, se hace en wordpress con el editor por defecto ? O voy a DiviBuilder??
    Gracias!!

    1. Hola Mariana ¡Es una excelente pregunta! Y es importante entender la respuesta: una vez que creas el layout del post y la página del blog, debes empezar a crear el contenido de la entrada con tu editor de WordPress, no con el Divi Builder. Y eso es lo mágico, porque si más adelante quisieras cambiar de tema, no perderás el contenido de tu blog porque estará directamente dentro de tu WP. En este caso seguramente deberás usar Gutenberg que es el editor actual de WP.

  3. Hola Jefferson! Cómo estás?
    Muchísimas gracias por tu aporte, realmente me vino bien ese plugin para probar en un blog, te quería consultar si sabes como se podría hacer para realizar un tint sobre las imágenes del modulo de blog, estoy queriendo implementar un poco de diseño y quería ver de lograr teñir las imágenes de algún color dependiendo la categoría!
    Si pudieras darme aunque sea un camino hacia donde tendría que intentarlo, te agradecería muchísimo!
    Saludos!

    1. Hola Pablo. Claro que si, con este mismo plugin o con el módulo del blog lo puedes lograr, por ejemplo, haces un grupo de post particular de una categoría, y luego en la pestaña de diseño de ese módulo, vas a la parte de imagen del post, allí te da la opción de activar la “imagen overlay” que eso activa una capa de un color especifico en esa imagen. Con este plugin también puedes teñir el texto de la categoría de un color especifico. Ya es solo que explores más a detalle las opciones del plugin.

  4. Estimado Jefferson, te felicito por tan buen contenido. En este tutorial aprendí mucho, créeme, por lo que estoy sumamente agradecido. La duda que tengo es la siguiente: Una vez que se crea una plantilla (de entrada, para mi caso) con el generador de temas de Divi, ¿va a afectar el diseño de todas las entradas previamente publicadas? Mi sitio tiene más de 500 publicaciones y quisiéramos aplicar los cambios a partir del momento en que se cree la nueva plantilla de entradas. ¿Es posible hacerlo, y que solo afecte a partir de las nuevas? La inversión de horas hombre para corregir el diseño de más de 500 posts sería inmanejable. Desde ya, mil gracias por tu respuesta.

    1. ¡Hola Rafael! Claro que es posible, solo debes crear un diferenciador en estos nuevos post, por ejemplo una etiqueta única llamada #new o #Layout, algo simple… Luego, en el theme builder, cuando estés desplegando las reglas de aplicado del diseño, le indicas a la plantilla que quieres ese nuevo diseño solo para las entradas que tengan “tal o cual” etiqueta que decidas asignarle a estas nuevas entradas ¡y listo! 😉

  5. Hola de nuevo Jefferson!! ¿Con este plugin no se puede poner el código para modificar el número de columnas? Lo que pasa es que puse el Layout de “Block Extended”, puse dos columnas en la fila porque inserté un widget y automáticamente el blog se me cambió a dos columnas, quise aplicar el código para cambiar el número de columnas a tres pero no funcionó.

  6. Hola, me gustan mucho tus tutoriales, gracias por compartirnos tus conocimientos Jefferson. Estoy empezando a hacer páginas Web y estoy en la parte del Blog. Descargué el plugin Divi Blog Extras de aquí pero ahora no se como instalarlo. Me podrías ayudar diciéndome como por favor?

  7. Hola Jefferson, estoy recién ingresando a tu sitio y me parece muy interesante el contenido que desarrollaste. Quería aprovechar de hacer una consulta, en los Blog cuando usamos los Post de Entradas, tenemos la opción de seleccionar categorías específicas a mostrar como contenido en los ajustes del módulo. Ahora bien, en los Post Type de Project, tambien puedo crear categorías para organizar el contenido, pero al intentar hacer un Blog que utilice como contenido los Proyectos, no me da la opción de seleccionar las categorías de esos proyectos. Sabes como se puede remediar esto. Muchas gracias y exito

  8. Hola Jefferson!! Gracias por tus aportaciones!! Verás, tengo un lío tremendo con lo del Blog. Instalo el plugin y no salen los layouts como en tu video, solo sale un titulo y la fecha, autor, etc. y ni foto, ni texto de prueba ni nada de nada. Y luego no se cómo editar los post, no me aparece ningún editor, ni gutemberg ni nada.. ¿podrias darme alguna pista o ayuda? muchas gracias. Veo lo del blog lo más complicado de Divi. Muchas gracias

    1. Hola Alberto, la primera parte ya te la he respondido a través de email. La segunda parte no sabría decirte que está sucediendo, cientos de personas han echo el tutorial y no me han reportado nada similar a tu problema. Habría que revisar tu instalación a fondo, pero este es un beneficio solo para los suscriptores premium. Se parte de nuestra comunidad para acceder a estos beneficios.

  9. hola Jefferson, muchas gracias por el tutorial, solo tenia una duda no me permite poner la fecha en español de la siguiente manera -14 de marzo del 2021- supongo que esta en ingles y no permite que funcionen el -de- y el -del- hay alguna manera de ponerlo en español para que me permita manejar asì la fehca?, saludos

  10. Hola Jefferson, muchas gracias por el tutorial, es excelente. Estoy empezando a hacer cosas con Divi, y he seguido los pasos del tutorial para hacer el blog, hasta ahí todo bien, pero cuando intento visualizar el contenido desde la web se ve todo blanco,
    https://nueva.ingenierosdeminas.org/blog
    si pasas el ratón los enlaces de los post los coge y enlaza, pero no se ve nada. No se si sabrás cuál puede ser el problema. Muchas gracias por todo. Isabel

  11. Hola Jefferson primero que nada felicitarte por tu trabajo que es muy bueno!! Una pregunta hay alguna forma de que se pueda poner algo similar a una nube de etiquetas y categorías con este plugin? O solamente con el modulo de widgets?
    De antemano muchas gracias!!

  12. Jefferson Buenos días, eh seguido al pie de la letra tu configuración y este tutorial para poder crear este blog tan lindo y moderno diseño que te da este Plugin pero mi resultado es que aparece vacio el blog, si bien exiten los enlaces porque si me aparece la manito cuando paso por ensima pero esta todo trasparente (en blanco), lo raro es que cuando activo el constructor visual si aparece todo el blog y el diseño que le di, vuelvo a salir del construcctor visual y de nuevo en blanco, he intentado con tus otros post donde trato de resolver los errores mas comunes de divi, con borrar el cache y todo esas cositas y no logro el resultado. Me gustaria saber de que manera puedo obtener un soporte de usted para normalizar esta parte de mi pagina web ya que para mi es muy importante este blog ya que lo utilizo como Noticias de mi negocio.

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →