Más de 15 increíbles tutoriales de módulos de blog para Divi

El módulo de blog de Divi es un módulo poderoso para crear todo tipo de páginas con feeds de blog. Muestre publicaciones individuales, publicaciones múltiples, publicaciones para páginas específicas, asigne las páginas a archivos y mucho más. Es un módulo simple, pero hay varias formas de usarlo. Afortunadamente, hay muchos tutoriales del módulo de blog que enseñan los entresijos del uso del módulo de blog. En este artículo, veremos más de 15 increíbles tutoriales de módulos de blog para Divi para ayudarlo a crear sus páginas de blog.

1. Cómo construir una página de blog

Este tutorial utiliza una de las muchas plantillas de página de blog que están disponibles en Divi para mostrar cómo crear una página de blog. Utiliza el módulo de blog, así como muchos módulos de apoyo. Le lleva paso a paso a través de cada configuración para recrear la página del blog.

Ver tutorial

2. Combinaciones de visualización de elementos de 8 postes

Este examina los elementos de la publicación, como el nombre del autor, la fecha de publicación y las categorías, que se muestran en las tarjetas de blog. Proporciona 8 ejemplos con varias combinaciones de cómo se pueden usar juntos e incluye información sobre cuándo usar cada uno de los elementos y sus ventajas.

Ver tutorial

3. Comparación de la cuadrícula de Divi y los diseños de blog de ancho completo

Este tutorial pasa por una comparación detallada de los diseños de blog de cuadrícula y de ancho completo que están disponibles en el módulo de blog. Proporciona información sobre cómo cambiar entre las dos opciones. La comparación muestra ejemplos de cómo se usan dentro de los diseños de Divi. También proporciona las ventajas y desventajas de cada opción e incluye consejos para elegir entre ellas.

Ver tutorial

4. Cómo diseñar las tarjetas de cuadrícula de tu blog Divi

Este tutorial guía al lector a través del estilo de las tarjetas de cuadrícula del blog. Muestra 4 ejemplos que incluyen una cuadrícula de blog de tablero de ajedrez, efectos de desplazamiento con un diseño de cuadros, personalización de las tarjetas por fila y diseño de una tarjeta específica. Los ejemplos incluyen un tutorial en video y cubren la configuración básica del módulo de blog y CSS personalizado. También muestra cómo usar la herramienta de inspección de Chrome.

Ver tutorial

5. Convierta su módulo de blog en un carrusel que se puede arrastrar o deslizar

Este tutorial muestra cómo crear un carrusel avanzado de tarjetas de blog que se pueden arrastrar o deslizar. Coloca botones grandes en el lado derecho de la pantalla tanto para escritorio como para dispositivos móviles. Utiliza múltiples módulos e incluye CSS y jQuery personalizados. La tarjeta también está disponible como un archivo JSON descargable para que pueda usarla sin tener que crearla usted mismo.

Ver tutorial

6. Cómo crear una sección de listado de trabajos de carreras dinámicas

Este tutorial es parte de una serie sobre la creación de ofertas de trabajo. Primero deberá crear la  publicación de plantilla de puesto vacante y luego volver a este tutorial. Este se enfoca en cómo presentar dinámicamente las posiciones abiertas en esa plantilla. Incluye CSS personalizado y también se puede descargar como archivo JSON.

Ver tutorial

7. Cómo agregar publicaciones relacionadas

Este tutorial muestra cómo usar el módulo de blog para agregar una sección de publicaciones relacionadas en la parte inferior de la plantilla de su publicación de blog. Las publicaciones en este módulo de blog coinciden con la publicación del blog independientemente de su categoría. También cubre lo que necesita una plantilla de publicación de blog y cómo usar una plantilla de publicación de blog con Divi Theme Builder . También incluye un videotutorial.

Ver tutorial

8. Dale un nuevo aspecto al módulo Divi Blog

Este es del día 3 del maratón Divi 100. Esta es la extensión Divi Article Cards que puedes descargar. Incluye un tutorial sobre cómo darle estilo. Incluye un videotutorial. Aunque es de hace unos años, sigue siendo uno de los mejores diseños de tarjetas de blog disponibles.

Ver tutorial

9. Cómo alternar extractos de publicaciones de blog al pasar el mouse

Este tutorial muestra cómo crear un diseño de cuadrícula compacto que revela el extracto cuando el visitante pasa el cursor sobre una tarjeta. Puede mostrar más publicaciones en una página y sus visitantes no tendrán que ver extractos de las publicaciones que no les interesan. Incluye CSS personalizado. Puede descargar el archivo JSON para no tener que compilarlo desde cero.

Ver tutorial

10. Cómo limitar la longitud del extracto

Este muestra cómo personalizar la longitud del extracto para su módulo de blog. También muestra cómo ocultar el extracto si no desea mostrarlo y cómo diseñar el extracto para que coincida con su plantilla. También explica por qué querrías incluir o excluir un extracto de una publicación.

Ver tutorial

11. Cómo usar el desplazamiento de publicación para crear una página de blog versátil

Este tutorial muestra cómo crear páginas de blog con múltiples módulos de blog y usar el desplazamiento de publicación para controlarlos. El ejemplo muestra cómo crear una página de blog utilizando 3 módulos de blog y 2 módulos de control deslizante de publicaciones en diferentes combinaciones para crear páginas versátiles. Muestra cómo evitar que muestren las mismas publicaciones y cómo hacer que muestren estratégicamente algunas de las mismas publicaciones.

Ver tutorial

12. Cómo usar un módulo de blog dentro de una categoría o página de archivo

Este tutorial cubre cómo usar el módulo de blog dentro de las páginas de categoría y las páginas de archivo, para que muestren las publicaciones de esas categorías y archivos. Muestra la configuración del módulo de blog, así como las asignaciones de plantillas. También describe qué categoría y páginas de archivo son y analiza las diferencias entre ellas.

Ver tutorial

13. Cómo mostrar publicaciones de blog por categoría

Este tutorial muestra cómo usar la función de categoría dentro del módulo de blog para mostrar publicaciones para categorías específicas. Explica por qué le gustaría mostrar categorías específicas e incluye varios ejemplos de cómo se puede usar. Muestra cómo asignar una plantilla a páginas de categorías específicas en combinación con la configuración del módulo de blog y cómo diseñar el módulo para que coincida con su plantilla.

Ver tutorial

14. Cómo personalizar el botón «Leer más»

Este tutorial profundiza en el enlace Leer más que aparece debajo del extracto de la publicación en las tarjetas del blog. Abarca las opciones de alineación, cómo hacer que el botón ocupe el ancho completo, cómo crear un botón personalizado con efectos de desplazamiento y cómo cambiar el texto que muestra. Incluye CSS personalizado, jQuery y un diseño JSON descargable.

Ver tutorial

15. Cómo cambiar el número de columnas

Este tutorial muestra cómo controlar la cantidad de columnas de blog usando CSS Grid. Normalmente, el diseño de cuadrícula muestra un máximo de 3 columnas. Con CSS Grid, puede crear una cuadrícula de blog receptiva con 5 columnas. También analiza por qué querría usar CSS Grid y cómo funcionan las columnas CSS. Se incluyen CSS personalizado, un tutorial en video, un archivo JSON descargable y consejos adicionales.

Ver tutorial

16. Cómo diseñar tarjetas flotantes

Este muestra cómo hacer que sus tarjetas de blog floten en la página para que siempre estén visibles con los desplazamientos del usuario. Puede mostrar las publicaciones populares y hacer que se deslicen desde el costado de la pantalla cuando el usuario pasa el mouse sobre ellas. El efecto se logra solo con la configuración integrada de Divi. Incluye un archivo JSON descargable y un video tutorial.

Ver tutorial

17. Cómo agregar paginación

Este tutorial se centra en la paginación dentro del módulo de blog. Muestra cómo se usa la paginación y cómo habilitarla o deshabilitarla para páginas con múltiples módulos de blog. También muestra cómo darle estilo. La plantilla de ejemplo utiliza 4 módulos de blog para demostrar cuándo usarlo y cuándo no. También lo compara con la navegación de publicaciones para mostrar las diferencias. También se incluye un videotutorial.

Ver tutorial

18. Comprender la opción «Publicaciones para la página actual»

Este tutorial profundiza en la opción «Publicaciones para la página actual» dentro del módulo del blog. Describe qué hace la opción y en qué se diferencia de las categorías. Muestra ejemplos usando una plantilla de blog y asignaciones de plantillas en Divi Theme Builder. Los ejemplos incluyen asignaciones para categorías y etiquetas para crear páginas de archivo y más.

Ver tutorial

Pensamientos finales sobre más de 15 asombrosos tutoriales de módulos de blog para Divi

Ese es nuestro vistazo a más de 15 increíbles tutoriales de módulos de blog para Divi . Estos tutoriales tienen una variedad de habilidades y usos, y muchos de ellos incluyen código personalizado y descargas. Seguir estos tutoriales es una excelente manera de aprender a usar el módulo de blog, crear páginas de blog y asignarlas en Divi Theme Builder. Incluso aprenderá algo de CSS en el camino.

Queremos escuchar de ti. ¿Has usado alguno de estos tutoriales de módulos de blog para Divi? Háganos saber cuál es su favorito en los comentarios.