Divi Tips n°85

Los mejores diseños de blog de Divi: ¡dale un empujón a tu blog!

Publicado el 13/01/2020 | 6 comentarios

1.784 palabras

7

¿Quieres darle a tu blog un nuevo aspecto? Con estos diseños de blog de Divi, encontrarás diseños, cuadrículas, disposiciones y características listas para usar. Es la manera perfecta de dar a su sitio un aspecto fresco, profesional y dinámico.

El blog es un punto estratégico de su sitio. Es en esta sección donde atraerá y retendrá a sus visitantes. Por lo tanto, es especialmente importante cuidar esta parte.

Sin embargo, la mayoría de los temas sólo ofrecen un diseño de blog bastante básico y estático, que no necesariamente atraerá a sus lectores. Cuando ves la funcionalidad y la calidad visual reservada a las otras secciones la mayor parte del tiempo, es una pena dejar que la parte del blog se quede tan atrás.

Afortunadamente, en el caso de Divi, es diferente.

Encontrarás fácilmente un montón de diseños para las páginas de tu blog... ¡Pero tendrás que ordenarlos!

Eso es lo que te propongo, con esta selección de los mejores layouts Divi para blog.

Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

Un rápido recordatorio: ¿qué es un diseño?

Los diseños son páginas, módulos, filas o secciones predefinidas que puedes utilizar en tus sitios Divi. Puedes cargarlos desde tu biblioteca Divi o directamente desde el Constructor Divi.

Elegant Themes lanza nuevos diseños con regularidad. Son 100% gratuitos para uso personal o comercial. Este es uno de los muchos beneficios de la licencia Divi.

Otras editoriales también ofrecen plantillas, a veces de pago.

Lea también: cómo crear una plantilla de entrada de blog con el constructor de temas Divi.

¿Cómo importar tus diseños de Divi?

  • Crea una nueva página y carga el Constructor Divi
  • Haz clic en el "+" de la barra púrpura. Esto te llevará a la biblioteca.
  • Utilice la búsqueda para encontrar el diseño que necesita, seleccione ese diseño y haga clic en "Usar este diseño".

Para los diseños de terceros (que no sean de Elegant Themes), tendrás que descargarlos primero del sitio web del editor y luego incluirlos en tu biblioteca utilizando la herramienta de importación de Divi.

Conozca el procedimiento detallado para importar o exportar diseños Divi aquí.

#1 Divi Blog Layouts: CSS Grid Blog Layout

CSS Grid Layout

Este diseño de blog Divi crea un diseño de revista utilizando una cuadrícula CSS para presentar dinámicamente su blog.

La primera entrada se muestra en una sola columna, las dos siguientes en dos columnas y las siguientes en tres.

El diseño CSS Grid Blog Layout se adapta bien a cualquier tamaño de pantalla y a cualquier longitud de contenido.

Además, las variables CSS facilitan la edición. Una clase de botón añade un poco de jQuery que permite personalizar los enlaces "leer más" con los botones del personalizador del tema.

Precio indicativo: gratuito Ver el diseño

En el blog oficial de Elegant Themes hay muchos otros diseños gratuitos. Navegue por ellos aquí.

#2 Divi Magazine / Blog layout

layouts pour blog divi magazine

Divi Magazine / Blog Layout ofrece un diseño similar al de las revistas online como BuzzFeed. Te permitirá crear tu propia revista online utilizando las categorías de tu blog.

El artículo de la "primera página" se muestra a todo lo ancho. A continuación aparecen 5 posts que se muestran como pequeñas imágenes cuadradas con títulos que se muestran al pasar el ratón por encima.

Estos pueden mostrar sus últimas publicaciones en todas las categorías o las últimas publicaciones en cada una de sus categorías.

Una sección muestra las últimas publicaciones en una sola columna junto a un elemento de texto, un módulo de vídeo y un módulo de imagen que crean una barra lateral. Le sigue una sección con una retícula del blog.

Otras secciones incluyen una llamada a la acción, formularios de contacto y otros módulos del blog con diferentes diseños. Hay tres combinaciones de colores posibles: rojo, azul y amarillo.

Los extras más pequeños se ofrecen en esta disposición:

  • Se incluyen imágenes libres de derechos de Unsplash.
  • Una importación en un solo paso, así como un tema hijo para importar datos de demostración.

Precio recomendado: 49,95 $ (sin promoción) Ver el diseño

#3 Mejores Diseños de Blog en Divi: Diseños de Postes Individuales para Divi

layouts divi pour blog single post

Single Post Layouts for Divi es un paquete de cinco diseños.

La primera ofrece mostrar una imagen a la izquierda con la categoría, el título, la meta, los botones de seguimiento social... y el contenido a la derecha.

El segundo diseño utiliza una imagen de cabecera con botones de categoría y título, información del autor a la izquierda y contenido a la derecha.

La tercera disposición muestra imagen de portada con botones sociales, título, imagen de autor, meta y contenido superpuestos en una columna.

El cuarto diseño elimina la imagen del autor, coloca la meta en la imagen destacada y presenta los botones sociales y el contenido en una caja sobre la imagen destacada.

El quinto diseño utiliza una imagen destacada con información sobre el autor superpuestos a la derecha con botones sociales y una miniatura, y el título, la meta y el contenido a la izquierda.

Precio sugerido: 25 dólares Ver el paquete de diseño

#4 Una mitad y dos cuartos alternando el diseño del blog

layouts divi "one half and two quarters"

Este diseño gratuito utiliza el módulo de blog de Divi con CSS personalizado para mostrar las entradas en un diseño alternativo.

El diseño presenta los puestos en dos anchos diferentes: una media pantalla y un cuarto de pantalla (de ahí el nombre). Esto le permitirá mostrar una fila con una imagen en un lado y cuatro imágenes en el otro.

También añade una superposición de degradado con un efecto hover que muestra el clip y el botón de leer más.

Precio indicativo: gratuito Ver el diseño

#5 Diseños de Divi para blogs : Diseño del podcast

divi podcast layout pack blog

Este paquete incluye todo lo necesario para crear un blog centrado en su podcast. Se proporcionan las siguientes plantillas de páginas:

  • Inicio
  • Página de aterrizaje
  • Sobre nosotros
  • Contacte con
  • Página de la lista de episodios
  • Página de episodios (para ver los detalles y reproducir un episodio específico)

Los podcasts han regresado a lo grande en los últimos años y Elegant themes ha hecho una presentación muy elegante aquí, convirtiéndolo en uno de los mejores diseños de blog Divi de esta selección.

Precio indicativo: gratuito Ver el diseño

#6 Paquete de diseño de blog de comida gratis

divi food recipes layout

Otro pack de Elegant themes, esta vez dedicado a los blogs de comida. Vuelve a ser un éxito, con el amarillo y el malva pastel como colores dominantes y un diseño de alto nivel como tan bien sabe hacer este editor.

Lea también: 10 ejemplos de sitios web de restaurantes hechos con Divi.

Este paquete contiene las siguientes páginas:

  • Inicio
  • Contacte con
  • Página de aterrizaje
  • Presentación del equipo
  • Sobre nosotros
  • Lista de recetas
  • Página de recetas individuales
  • Página del blog

Precio indicativo: gratuito Ver el diseño

#7 Diseños de blogs en Divi: Extras de blogs en Divi

Divi Blog Extra

Divi Blog Extras es un plugin que añade 6 diseños de blog a las opciones de diseño de Divi Blog.

Es compatible con Divi y Extra y tiene carga Ajax y paginación numerada para mostrar un número ilimitado de posts en una sola página.

Se puede utilizar como un constructor de páginas de categoría utilizando el constructor Divi. También añade un widget para que puedas mostrar tus entradas en la barra lateral con una imagen destacada, una meta descripción, etc.

Precio orientativo: a partir de 14,40 dólares Ver los diseños

#8 Diseños de blogs en Divi : Módulo Blog Lara Divi

lara blog module

El Módulo Blog de Lara Divi es un diseño que le permite mostrar sus últimas publicaciones en un diseño de tarjeta.

Estos muestran una imagen a todo color. El título, resaltado por un elegante borde, aparece en un bloque que se superpone a la parte inferior de la imagen.

Al pasar el ratón por encima de la imagen, ésta se amplía y se convierte en blanco y negro. Este diseño es totalmente estilizable ya que se basa en el módulo de blog de Divi por defecto. Esto le permite cambiar los colores de acuerdo con el diseño de su sitio.

Precio indicativo: a partir de 5 $ |. Ver el diseño

#9 Diseños de blog en Divi: Diseño de blog de viajes

layouts divi pour blog travel

Una bonita plantilla de blog gratuita de Elegant themes, esta vez sobre viajes. Este diseño mejora sus expediciones a lugares lejanos con su diseño moderno, eficiente y muy "profesional".

Esto supone un cambio con respecto a blogs de viajes con un bonito diseño, pero que a menudo tienen un aspecto amateur. Aquí no sólo impresionará a sus visitantes con sus fotos de viajes, sino también con esta presentación elegante y agradable.

Este paquete contiene un total de 8 plantillas de páginas, por lo que debería ser capaz de encontrar lo que quiere fácilmente.

Precio indicativo: gratuito Ver el diseño

#10 Elegante diseño de la página del blog

layouts divi pour page de blog

Elegant Blog Page Layout crea una página de blog con un diseño estilo revista que incluye :

  • un deslizador,
  • los últimos artículos por categoría,
  • los últimos artículos de todas las categorías,
  • las categorías presentadas,
  • una barra lateral en un diseño de varias columnas

Esta barra lateral puede mostrar :

  • un widget sobre,
  • un formulario de inscripción,
  • anuncios,
  • botones sociales,
  • widgets estándar de WordPress: el diseño está pensado para integrarlos bien

El diseño de cada entrada del blog incluye :

  • un título estilizado,
  • una barra lateral estilizada,
  • una imagen mejorada,
  • los botones siguiente y anterior,
  • una sección de comentarios
  • enlaces a publicaciones similares

Un separador estilizado sirve para dividir las distintas secciones.

Precio indicativo: gratuito Ver el diseño

Más información sobre cómo mejorar y personalizar su blog en el Sitio web de Elegant Themes y en el Recursos para Divi de este blog.

Los mejores diseños de blog de Divi: revisión y opiniones finales

Estos diseños de blog de Divi te facilitarán mucho el trabajo. Con ellos, crearás un hermoso blog en sólo unos pocos clics.

De hecho, el uso de los diseños es muy fácil y representa un importante ahorro de tiempo. Este es sin duda uno de los puntos fuertes de Divi.

Esta selección es deliberadamente ecléctica, para ayudarle a encontrar lo que busca, sean cuales sean sus gustos y necesidades.

No dude en darme su opinión en los comentarios. ¿Qué diseños has probado y cuáles prefieres?

Si creas un blog con uno de estos diseños, envía un enlace para que la comunidad pueda ver el resultado en la vida real 😉

Top 10 layouts pour blog Divi
layouts pour designer le blog de Divi

Este artículo fue escrito por David Albert, un escritor independiente que ayuda a los empresarios a publicar contenidos de calidad. Más información en su página web.

obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

Puede que a ti también te guste:

La nouvelle interface de Divi 5

La nouvelle interface de Divi 5

Découvrez la nouvelle interface de Divi 5 : les comparaisons avec Divi 4 et les similitudes avec Gutenberg (article + vidéo). Alerte spoiler : ça déchire 💣 !

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Votre client souhaite afficher une ligne avec les logos de ses 9 principaux clients… Comment faites vous ? Dans cet article, je vous explique comment aligner plus de 6 éléments sur une même ligne !

Comment utiliser la Flexbox CSS dans Divi ?

Comment utiliser la Flexbox CSS dans Divi ?

Laissez-moi vous faire découvrir une autre manière de créer vos mises en page Divi en utilisant la Flexbox. Ce module CSS puissant permet de faire des choses extraordinaires 🤩.

6 Commentaires

  1. Marie

    Bonjour,
    Merci pour tous vos conseils !
    J’ai une question simple qui n’est pas abordée sur votre site je crois.
    Est-il possible de supprimer l’option « zoom » sur les images produits d’une boutique ?

    Merci beaucoup pour votre aide,

    Marie

  2. Cemil

    Bonsoir,
    Merci pour cet article !
    Néanmoins je me questionne : comment remplacer la page blog classique (celle qui reçoit les articles une fois la page d’accueil rendue « statique », par un de ces thèmes?

    J’ai pourtant créé une nouvelle page, vierge, sur laquelle j’ai installé un thème blog que j’apprécie.
    Ensuite je suis allé dans les réglages de la page d’accueil pour y indiquer, dans le menu déroulant, la dite page que je venais de créer afin de la dédier à la réception de mes articles de blog.

    Mais ça ne fonctionne pas.

    Help 😉

  3. Lycia Diaz

    Salut Cemil,
    Tu ne dois pas spécifier quelle page est ton blog dans les réglages de WordPress. C’est déjà la première chose. Ensuite dans ton layout, tu dois ajouter un module blog pour faire apparaître tes articles.
    Sinon, l’autre solution, tu stylises ta page de blog via le thème builder. Et dans ce cas, tu dois spécifier quelle page est ton blog dans les réglages de WordPress.

  4. Laurence

    Bonjour,
    Apparemment, il n’est plus possible de télécharger les layouts sur Divi Soup, ils ont supprimé la possibilité de s’inscrire sur le site…

  5. Lycia Diaz

    Ah mince ! Merci pour l’info 😉

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.