10 formas de organizar las entradas en un blog en WordPress

Autor: Max CamuƱas

Fecha: 05/06/2018

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 WordPress Blog

#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:

10 formas de organizar las entradas en un WordPress Blog
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

#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
nairamkitty.com

#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

Y otro muy similar:

10 formas de organizar las entradas en un WordPress Blog
soysaracaro.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, con la particularidad de que en otra columna, a la izquierda, aparece la fecha de publicaciĆ³n del post.

AdemƔs, el diseƱo incluye una una cabecera superior con ancho completo, dividida en dos columnas, con acceso a mi masterclass.

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

10 formas de organizar las entradas en un WordPress 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

Summary
10 formas de organizar las entradas en un blog en WordPress
Article Name
10 formas de organizar las entradas en un blog en WordPress
Description
10 formas diferentes de mostrar y organizar las entradas en tu WordPress Blog. A la hora de diseƱar una pĆ”gina web debes decidir cĆ³mo organizar las entradas de tu blog.
Author
Publisher Name
Max CamuƱas
Publisher Logo

24 Comentarios

  1. Florencia

    Hola Max!
    Me gustĆ³ muchĆ­simo el diseƱo que elegiste para el diseƱo de mi web. Pero me gusta mucho saber que hay otras, para cuando sea el momento de hacer un refresh del sitio.

    TambiƩn me ha gustado mucho el diseƱo con las categorƭas destacadas.
    Muy buen post para saber todas las opciones

    Responder
    • Max CamuƱas

      Hola Florencia šŸ™‚

      QuƩ bueno verte por aquƭ. Ya sabes que tu web es una de las que mƔs orgulloso me siento por el resultado final, el diseƱo del que partƭas y la carrera que nos pegamos para lanzarla en tiempo.

      Es un proyecto muy chulo que seguirƔ creciendo y dƔndote alegrƭas.

      Cuando te canses y quieras cambiar el diseƱo del blog, ya sabes šŸ˜›

      Un abrazo!

      Responder
  2. Mariano

    Muy buena entrada Max! Gran ayuda para inspirarnos. tengo una duda, yo uso Divi y tengo las entradas como en el ejemplo 1. ĀæCĆ³mo puedo cambiar y organizar mi blog de otra manera?. Por mĆ”s que he buscado, no doy con la tecla.

    Responder
  3. Juan

    Absurdo post donde no te dice como hacer lo que se indica… No aporte ningĆŗn valor aƱadido…

    Responder
    • Max CamuƱas

      Hola Juan,

      Son ideas para maquetar un blog, no un tutorial sobre cĆ³mo hacerlo šŸ™‚

      Saludos

      Responder
  4. Victor

    Hola Max.

    Me gustarĆ­a hacerte una pregunta que estarĆ­a muy agradecido de tu ayuda.

    Estoy intentando hacer el nĀŗ 5, pero no consigo fijar el post destacado. Es decir, cuando le doy a Ā«entradas mĆ”s antiguasĀ» se me mueven todos, el destacado y los pequeƱos.

    ĀæUsas algĆŗn plugin, programaciĆ³n o alguna opciĆ³n que desconozco?

    Muchas gracias anticipadas.

    Saludos
    Victor

    Responder
    • Max CamuƱas

      Hola Victor,

      ĀæQuĆ© plantilla estas usando? ĀæDivi?

      Si es asĆ­, debes configurar la opciĆ³n de compensaciĆ³n dentro del mĆ³dulo blog.

      Saludos

      Responder
      • Victor

        Hola de nuevo.

        Muchas gracias por la contestaciĆ³n. Lo de la compensaciĆ³n ya lo tenĆ­a en cuenta.

        Ya he conseguido fijar el post destacado, pero ahora tengo otro pequeƱo problema:

        Si, por ejemplo, quiero poner una fila con dos mĆ³dulos de blog y aunque estĆ©n dentro de una misma secciĆ³n, se mueven por separado al Ā«pasar de pĆ”ginaĀ».

        No sƩ si podrƭas decirme por quƩ ocurre esto.

        Muchas gracias de nuevo.

        Saludos
        Victor

        Responder
        • Max CamuƱas

          Hola VĆ­ctor,

          Cada mĆ³dulo funciona de forma independiente, aunque los pongas en la misma fila o secciĆ³n.

          Saludos

          Responder
          • Victor

            Hola otra vez.

            Muchas gracias por todo.

            Creo que ya me voy enterando. ?

            Saludos
            Victor

  5. Johans

    Bendiciones Max, muy interesante este articulo, tengo una consulta espero me puedas orientar, tengo ya creada mi tienda en wordpress y tambiĆ©n tengo dentro mi blog, pero no se si sabes como poner algunas entradas de mi blog en la parte inicial de mi pagina? lo que pasa es que cuando uno entra ve el menĆŗ y debajo salen los Ćŗltimos productos de la tienda, lo que quisiera es que se pueda ver algunos post de mi blog en la pagina de inicio, sabes como se puede hacer ello? muchas gracias, saludos desde PerĆŗ DTB

    Responder
    • Max CamuƱas

      Hola Johans,

      En funciĆ³n de la plantilla o maquetador que uses en tu web, debes aƱadir en la home un mĆ³dulo o bloque de entradas y configurarlas a tu gusto.

      Saludos

      Responder
  6. Francisco

    Buenas tardes, fijate que quiero cambiar de lugar mis post, actualmente se muestran en la parte de abajo en toda la pgina, pero yo quiero que se muestren a la derecha, disculpa como puedo hacerlo

    Saludos y muchas gracias

    Responder
  7. Gerardo

    Disculpa y cĆ³mo hago para poner algunos diseƱos en mi blog.
    Se ven muy padres, pero no se cĆ³mo hacerlo. Tengo por defecto a los que me da wordpress
    Es un plugin? AplicaciĆ³n o como?
    Muchas gracias por tu apoyo. Me parecen entradas muy originales

    Responder
    • Max CamuƱas

      Hola Gerardo,

      Depende de la plantilla o maquetador que utilices en tu web. TambiĆ©n puedes utilizar algĆŗn plugin para organizar entradas, como puede ser WP Show Posts.

      Este post es una recopilaciĆ³n de ideas, no un tutorial.

      Sorry!

      Responder
      • Gerardo

        Te agradezco el tiempo que tomaste en contestarme Max
        EcharƩ un vistazo al plugin
        Saludos

        Responder
        • Max CamuƱas

          De nada Gerando!

          Si no conoces el tema Divi, Ʃchale un vistazo. Es el que recomiendo para diseƱo web y del que hablo en muchos de los posts de este blog.

          Saludos

          Responder
  8. Chara Alcedo

    Hola Max, uso Twenty Seventeen y quiero que en la pĆ”gina blog sĆ³lo aparezca la Ćŗltima entrada. Algun plugin que me ayude con esa ediciĆ³n? Muchas gracias!

    Responder
  9. Isa Mantilla

    Hola Max, gusto saludarte. FĆ­jate que en mi blog me aparecen al final Ā«entradas antiguasĀ» pero no deja visualizarlas, aparecen en la pĆ”gina de inicio pero no en su categorĆ­a. OjalĆ” me puedas ayudar. Muchas gracias. Saludos

    Responder
  10. Ali

    Hola Max, me gustan mucho los formatos tipo DiseƱo modular con sidebar, como puedo hacerlo en mi pƔgina? Necesito una plantilla paga? De momento tengo una gratis. Gracias y saludos!

    Responder
    • Max CamuƱas

      Hola Ali,

      Si el tema que has utilizado no te permite hacerlo, te recomiendo usar el plugin WP Show Posts.

      Saludos

      Responder
  11. Luis

    DeberĆ­as cambiar el titulo, mucha gente se confunde y piensa que es un tutorial para organizar la vistas del blog

    Responder
    • Max CamuƱas

      Hola Luis,

      No es un tutorial, sino una recopilaciĆ³n de ideas en base a mi experiencia.

      Cuando publico un tutorial o guĆ­a, lo indico en el tĆ­tulo šŸ™‚

      Gracias por pasarte.

      Saludos

      Responder

Enviar un comentario

Tu direcciĆ³n de correo electrĆ³nico no serĆ” publicada. Los campos obligatorios estĆ”n marcados con *

Para cumplir con el nuevo RGPD y que tus datos estƩn a salvo, debes leer y aceptar mi polƭtica de privacidad. Tus datos serƔn guardados en SiteGround y WordPress, mi proveedor de hosting y el CMS que utilizo en esta web.

Soy Max CamuƱas y te doy la bienvenida a mi blog (mi casa).

Por aquĆ­ hablo sobre los temas que me apasionan: WordPress, Marketing, Social Media o Blogging.

Me encanta ayudar a otras empresas a marcas a crear el diseƱo de su web desde cero.

Ā”MƁS SOBRE Mƍ!

masterclass
CƓMO PLANIFICAR TU PƁGINA WEB PARA QUE TU NEGOCIO BRILLE
Ā”accede gratis!