A la hora de diseƱar una pĆ”gina web, una de las muchas cuestiones que tienes que decidir es cĆ³mo organizar las entradas de tu blog en WordPress.

Para escapar del clƔsico listado o la habitual vista en forma de cuadrƭcula (grid), en este artƭculo te voy a enseƱar diferentes formas de mostrar y organizar las entradas de un blog.

Por supuesto, antes de entrar en materia, te quiero recordar la importancia de que un sitio web cuente con un blog en el que publiques tus artĆ­culos habitualmente.

 

ĀæPor quĆ© tu pĆ”gina web necesita un blog?


Para no extenderme demasiado en este apartado, voy a enumerar en un listado rƔpido los beneficios de contar con un blog (WordPress mucho mejor):

  • Ofrecer contenido habitual a tu comunidad y generar confianza.
  • Mostrar el conocimiento que tienes de tu sector.
  • Publicar contenidos para posicionarte en Google (enfocados a SEO).
  • Convertirte en un referente de tu sector.
  • Conseguir nuevos leads.
  • Captar suscriptores.
  • Encontrar nuevas oportunidades de negocio.

 

CĆ³mo organizar las entradas de tu Blog WordPress


Hecho este repaso rƔpido a los beneficios de tener un blog, ahora te cuento diferentes formatos que puedes utilizar para organizar tus posts (con ejemplo reales).

 

#1 Listado con imagen grande

El primer y mƔs habitual blog en WordPress es el listado de entradas con imagen a tamaƱo grande.

Si utilizas Divi como plantilla, es el formato de blog que viene por defecto.

Este diseƱo puede incluir o no sidebar (barra lateral), en funciĆ³n de tus preferencias.

Incluye un resumen del contenido de la entrada, asĆ­ como los metadatos (fecha, categorĆ­as, autor, nĆŗmero de comentarios).

Como te digo, es uno de los diseƱos clƔsicos para organizar un blog.

AquĆ­ puedes ver un ejemplo:

10 formas de organizar las entradas en un blog en WordPress

mktrend.es

 

#2 Listado con imagen pequeƱa

Este tipo de blog es otro de los diseƱos mƔs clƔsicos.

Como en el caso anterior, se trata de un listado, pero en esta ocasiĆ³n con imagen pequeƱa y organizaciĆ³n a dos columnas.

En una de ellas aparece la imagen destacada del artĆ­culo y en la otra el resumen y los metadatos.

Un ejemplo:

tuasesoriaenelche.es

 

#3 Listado a dos columnas

Este formato de blog es muy similar al anterior, pero se diferencia por la organizaciĆ³n de las entradas en dos columnas.

Por lo tanto, los artĆ­culos aparecen emparejados en filas que incluyen dos elementos cada una.

En este caso, la informaciĆ³n del artĆ­culo (tĆ­tulo, metadatos y resumen) aparece debajo de la imagen.

Un ejemplo:

10 formas de organizar las entradas en un WordPress Blog

alemarpsicologos.es

 

#4 Rejilla o cuadrĆ­cula

Un diseƱo muy actual para blogs en WordPress es el formato rejilla, tambiĆ©n conocido como “grid”.

En este tipo de diseƱo los artƭculos se muestran en formato de cuadrƭcula y lo habitual es que aparezcan tres elementos por fila.

Como ejemplo, puedes ver mi propio blog de fotografĆ­a (sĆ­, tengo mĆ”s blogs šŸ˜›):

10 formas de organizar las entradas en un WordPress Blog

fotografiando.es

 

#5 Rejilla con post destacado

Siguiendo el estilo de rejilla, otra modalidad de diseƱo para un blog es la combinaciĆ³n de cuadrĆ­cula + post destacado.

Es decir, en este diseƱo los artƭculos se organizan en forma de cuadrƭcula, pero el primero de todos (el mƔs reciente) aparece destacado y con un tamaƱo superior al resto.

Un ejemplo:

10 formas de organizar las entradas en un WordPress Blog

tramandoviajes.com

 

#6 CategorĆ­as destacadas

A este tipo de blog me ha costado ponerle nombre. Le he llamado “categorĆ­as destacadas” porque es el elemento diferenciador respecto al resto de blogs que he mostrado.

Es un diseƱo mƔs alejado de lo convencional, pues incluye diferentes elementos que lo hacen mƔs llamativo:

  • El Ćŗltimo post publicado aparece como destacado con ancho completo.
  • A continuaciĆ³n, aparecen cuatro artĆ­culos destacados por categorĆ­as. El Ćŗltimo publicado en cada una de ellas.
  • DespuĆ©s se muestran los botones a cada una de esas categorĆ­as.
  • Por Ćŗltimo, el resto de artĆ­culos en formato cuadrĆ­cula.

Para que lo acabes de ver, te dejo un ejemplo, que es uno de mis Ćŗltimos diseƱos:

10 formas de organizar las entradas en un WordPress Blog

buscandotucamino.com

 

#7 DiseƱo modular con sidebar

El formato modular es tambiĆ©n una de las Ćŗltimas tendencias en diseƱo web.

Consiste en el planteamiento de cada artĆ­culo como un mĆ³dulo independiente.

Por lo tanto, su caracterƭstica principal es que el diseƱo se plantea a partir de elementos independientes que tienen un formato cuadrado.

AquĆ­ puedes ver un ejemplo:

cuelateenmivestidor.com

 

#8 DiseƱo modular por columnas

Siguiendo el formato mudular, existe una variedad que me parece muy chula y moderna.

Como en el caso anterior, los artƭculos tienen formato cuadrado y se plantean como elementos independientes, pero en este diseƱo se muestran a dos columnas.

Es decir, la disposiciĆ³n de los posts tiene un formato modular, pero se organizan en dos columnas: en una aparece la imagen y en otra el tĆ­tulo, resumen y metadatos.

Un ejemplo:

girly.divilover.com

 

#9 DiseƱo modular en formato vertical

A continuaciĆ³n, te quiero mostrar un ejemplo mĆ”s de diseƱo con formato modular.

En este caso, las entradas se ordenan en formato vertical, es decir, unas debajo de otras.

Como en los ejemplos anteriores, cada entrada se plantea como un elemento independiente.

Un ejemplo para acabar de explicarlo bien:

sensaciondulce.com

 

#10 DiseƱo moderno

Por Ćŗltimo, te quiero mostrar un tipo de blog en WordPress al que he llamado “diseƱo moderno”, pues es un formato que no es tan habitual.

Puedes verlo en mi blog y es un diseƱo que he creado yo mismo desde cero.

Se me ocurriĆ³ plantearlo a modo de listado con dos columnas. En una aparece la imagen destacada del post y en la otra su tĆ­tulo, metadatos y botĆ³n “leer mĆ”s”.

La diferencia es que, en este caso, la organizaciĆ³n de las entradas no sigue un orden habitual, sino un formato de ajedrez.

Como se me da mejor diseƱarlo que explicarlo por escrito, puedes ver el resultado aquƭ:

maxcf.es/blog

Hasta aquĆ­ misĀ 10 formas de organizar las entradas en un blog en WordPress. Espero que, si te vas a crear un blog o ya tienes uno y lo quieres rediseƱar, todos estos ejemplos te sirvan de inspiraciĆ³n šŸ˜‰

Portada:Ā shutterstock

Share This