Hay muchas formas de diseñar y personalizar las plantillas de publicación de blog de Divi . Afortunadamente, hay muchos tutoriales de plantillas de publicaciones de blog de Divi en el blog de Elegant Themes para que pueda comenzar. En este artículo, veremos más de 15 increíbles tutoriales de plantillas de publicaciones de blog que puede usar con Divi Theme Builder . Todos incluyen instrucciones paso a paso sobre la creación de plantillas de publicaciones de blog para pantallas de escritorio y móviles. Muchos incluyen descargas de archivos JSON e instrucciones en video. Algunos incluyen CSS.
Este tutorial muestra todo lo que necesita saber para comenzar a crear una plantilla de publicación de blog en Divi Theme Builder. Incluye los conceptos básicos de lo que es una plantilla de publicación de blog y por qué necesita una. También analiza el contenido dinámico y cómo usarlo para publicaciones de blog.
Ver tutorial
Este tutorial se enfoca en cómo crear llamadas a la acción que sean adhesivas y agregarlas a las barras laterales de la plantilla de publicación de tu blog. Muestra dos barras laterales diferentes que funcionan de forma independiente. Las barras laterales se desplazan con la publicación hasta que alcanzan su ubicación fija y luego permanecen allí hasta que la publicación se desplaza hasta el punto donde siguen la publicación. Esta información también funciona para cualquier plantilla de página. Este incluye CSS.
Ver tutorial
3. Creación dinámica de una plantilla de publicación de blog compatible con UX
Esta muestra cómo crear una plantilla de publicación de blog que se centre en la experiencia del usuario. Muestra cómo incorporar elementos dinámicos en el diseño. La plantilla creada en este tutorial está libre de distracciones, por lo que es simple y fácil de usar.
Ver tutorial
4. Diseñar el módulo de comentarios de Divi dentro de una plantilla de publicación de blog
Este tutorial se enfoca en diseñar una sección de comentarios que funciona perfectamente con una plantilla de publicación de blog. Crea dos diseños con módulos de Comentarios. También se incluye un módulo de persona con Social Media Follow. El fondo se crea con un editor de gráficos y se incluye un tutorial de cómo se crea.
Ver tutorial
En este tutorial, aprenderá a usar contenido dinámico para crear un cuadro de autor para su plantilla de publicación de blog. En el escritorio, el cuadro de autor se pega en la barra lateral. El contenido se oculta y la imagen del autor se desvanece para crear un diseño limpio. El contenido se revela cuando se desplazan sobre el cuadro de autor. Para dispositivos móviles, el cuadro de autor se encuentra debajo del contenido. Incluye CSS.
Ver tutorial
Este tutorial muestra cómo crear una plantilla de publicación de blog con una barra lateral en ambos lados. Las barras laterales permanecen limpias con una publicación de blog en un lado y un correo electrónico de suscripción en el otro lado. Las barras laterales se apilan en dispositivos móviles. CSS está incluido.
Ver tutorial
7. Creación de una barra de información de publicación dinámica para su plantilla de publicación de blog
Este tutorial muestra cómo crear una barra de información utilizando contenido dinámico que permanece en la pantalla mientras el usuario se desplaza. El contenido incluye el título y la categoría de la publicación actual para mostrar lo que el usuario está leyendo, la cantidad de comentarios y un enlace para dejar un comentario, y un botón para suscribirse al boletín. Incluye CSS.
Ver tutorial
Este tutorial muestra cómo crear una barra lateral de altura completa que se fija en su lugar en la versión de escritorio a medida que el usuario se desplaza. La barra lateral ocupa toda la altura de la pantalla del escritorio. La versión móvil coloca la barra lateral después del contenido. Se incluye CSS personalizado.
Ver tutorial
9. Creación de una plantilla de publicación de blog de pantalla dividida
Este tutorial muestra cómo crear una plantilla de publicación de blog con la imagen destacada en un lado y el contenido de la publicación en el otro. La imagen destacada con su título y metadatos permanece en su lugar mientras el contenido se desplaza. Para dispositivos móviles, el diseño funciona normalmente. Incluye CSS.
Ver tutorial
Este muestra cómo hacer que la barra lateral sea pegajosa. Una vez que llega a su ubicación fija en la pantalla, la barra lateral permanece en su lugar hasta que llega el final del contenido. La barra lateral luego se desplaza con la publicación como de costumbre. Funciona normalmente en el móvil. La plantilla de publicación de blog se crea desde cero e incluye elementos superpuestos y CSS personalizado.
Ver tutorial
11. Creación de un conmutador de comentarios para la plantilla de publicación de su blog
Este tutorial muestra cómo crear una palanca para colapsar la sección de comentarios. Un botón en una barra de comentarios abre el comentario para revelarlos. Esto es especialmente útil para mejorar la experiencia del usuario en publicaciones con muchos comentarios. Se incluye CSS personalizado.
Ver tutorial
12. Incluir una imagen destacada de ancho completo en la plantilla de su publicación de blog
Este tutorial muestra cómo hacer que su imagen destacada tenga el ancho completo tanto en computadoras de escritorio como en dispositivos móviles. Muestra múltiples formas de lograr esto, incluida una sección dinámica, un módulo de título de publicación, una imagen separada y un módulo de texto. Algunos incluyen superposiciones de degradado.
Ver tutorial
13. Uso de diferentes plantillas de publicaciones de blog para diferentes categorías
Este muestra cómo usar la configuración de Divi Theme Builder para configurar diferentes plantillas de publicaciones de blog para diferentes categorías en su sitio web. También analiza las ventajas de usar diferentes plantillas de publicaciones de blog y cómo excluir una categoría de la plantilla predeterminada.
Ver tutorial
14. Asignar una plantilla de publicación de blog diferente a publicaciones específicas
Este tutorial muestra cómo usar la configuración de Divi Theme Builder para asignar una plantilla de publicación de blog a una publicación de blog específica. También analiza las ventajas de hacer esto y proporciona algunos ejemplos de cuándo tendría más sentido.
Ver tutorial
Este tutorial muestra cómo agregar una sección a la plantilla de su publicación de blog que muestre publicaciones relacionadas . Este también cubre los elementos que necesita una plantilla de publicación de blog, ejemplos de otros elementos, las ventajas de las publicaciones relacionadas y los mejores lugares para agregarlas. La sección de publicación relacionada se superpone al cuerpo de la publicación del blog.
Ver tutorial
16. Uso del módulo de contenido de publicación en el generador de temas
Este tutorial profundiza en cómo usar el módulo Publicar contenido. Cubre cómo funciona el módulo y cómo usarlo mejor al diseñar plantillas de publicaciones de blog en Divi Theme Builder. También muestra cómo usarlo con páginas de WooCommerce generadas con códigos cortos y aconseja cuándo no usarlo.
Ver tutorial
17. Agregar un héroe de pantalla completa a su plantilla de publicación de blog Divi
Este tutorial muestra varios métodos para agregar una sección de héroe de pantalla completa a la plantilla de su publicación de blog. Los métodos incluyen un módulo de título de publicación a pantalla completa, un título sobre el fondo y la adición de metadatos en la sección principal. También muestra cómo agregar un degradado sobre la imagen principal.
Ver tutorial
18. Incluir metadatos en la plantilla de su publicación de blog
Este muestra cómo usar contenido dinámico para agregar metadatos a la plantilla de su publicación de blog. Analiza qué es meatadata, cómo funciona el contenido dinámico para meatadata y por qué debería usar contenido dinámico para mostrar metadatos. También se cubren las diversas opciones de visualización de metadatos.
Ver tutorial
Este tutorial cubre el módulo Post Navigation. Cubre por qué debería usar la navegación de publicaciones y muestra el mejor lugar para agregarlo a la plantilla de su blog. Muestra tres formas diferentes de diseñar el módulo para crear enlaces de texto, botones y un botón de doble cara.
Ver tutorial
Cómo encontrar plantillas de publicaciones de blog gratuitas para Divi
Elegant Themes ha creado muchas plantillas de publicaciones de blog gratuitas que coinciden con los paquetes de diseño Divi gratuitos . Estas plantillas gratuitas de publicaciones de blog de Divi se publican en el blog de ET. Simplemente busque «plantilla de publicación de blog gratuita», «plantilla de publicación de blog Divi gratuita» o palabras clave similares. Encontrarás muchas plantillas de publicaciones de blog gratuitas para elegir.
pensamientos finales
Ese es nuestro vistazo a más de 15 increíbles tutoriales de plantillas de publicaciones de blog Divi para Divi. Estos más de 15 tutoriales son una excelente manera de aprender las muchas formas de diseñar y personalizar las plantillas de publicaciones de blog de Divi. También brindan ideas para crear las tuyas usando Divi Theme Builder. Varios de ellos muestran cómo usar CSS.
Queremos escuchar de ti. ¿Has usado alguno de estos más de 15 increíbles tutoriales de plantillas de publicaciones de blog de Divi? Háganos saber cuál es su favorito en los comentarios.