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

Publicado el 13/01/2020 | 4 comentarios

¿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 las características y la calidad visual reservada a las otras secciones la mayoría de las veces, 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.

Anuncio: 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 mucha regularidad. Son 100% gratuitos para uso personal o comercial. Este es uno de los muchos beneficios de la licencia Divi.

Otros editores también ofrecen plantillas, algunas de las cuales no son gratuitas.

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. 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.

Descubra 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 de "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. Luego hay 5 posts que se muestran como pequeñas imágenes cuadradas con títulos que se muestran al pasar el ratón por encima.

Pueden mostrar sus últimos artículos 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.

Se ofrecen pocos extras en esta disposición:

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

Precio aproximado: 49,95 dólares (sin incluir las promociones) 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.

El primero propone 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 la foto de la portada con botones sociales, título, imagen de autor, meta y contenido superpuestos en una sola 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 que cubre la imagen destacada.

El quinto diseño utiliza una imagen destacada con información sobre el autor que se superponen a la derecha con los 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ños

#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 las entradas 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 creado un diseño con mucha clase 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 incluye 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 recomendado: 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 Divi Blog Layouts : Diseño de blog de viajes

layouts divi pour blog travel

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

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 incluye un total de 8 plantillas de páginas, lo que debería facilitar la búsqueda de lo que desea.

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 resaltada,
  • los botones siguiente y anterior,
  • una sección de comentarios
  • enlaces a publicaciones similares

Un separador estilizado permite dividir las diferentes secciones.

Precio indicativo : Gratuito Ver el diseño

Descubra muchos otros recursos para 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 voluntariamente ecléctica, para ayudarle a encontrar su felicidad, sean cuales sean sus gustos y necesidades.

No dudes en darme tu 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.

10 best Divi Blog Layouts

1.784 palabras

7

A ti también te debería gustar:

Comment personnaliser le curseur de la souris sur votre site ?

¿Cómo personalizar el cursor del ratón en su sitio?

¿Desea un sitio personalizado hasta el último detalle? Tengo un tutorial rápido y fácil para ayudarle a personalizar el cursor del ratón en su sitio. De este modo, cuando sus visitantes pasen por encima de un enlace, el cursor estará totalmente personalizado.

4 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.

Soumettre un commentaire

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

Je souhaite recevoir les news du blog Astuces Divi !

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

Pínchalo en Pinterest

Acciones
Comparte esto