WordPress: posts en dos columnas (2da versión).

Continuando con los mensajes del usuario que me planteó este problema, caigo en cuenta que la solución buscada no era la publicada en un post anterior, ya que lo que el usuario necesitaba eran los posts de la siguiente manera:

post 1 | post 2
post 3 | post 4
post 5 | post 6
etc…

Entonces ante esto, lo que haremos será uso solamente de CSS:

  1. En una primera instancia, ubicamos una capa superior (id=post-parent) con un ancho determinado que será el que contenga las columnas.
  2. Luego, dentro del WHILE, indicamos que cada “single-post” tenga un ancho menor a la mitad del PARENT y con un alto determinado. Usar OVERFLOW para evitar que el contenido se extienda más allá de la caja contenedora de cada post.

De ésta manera haremos que los posts se vayan ubicando uno al lado de otro dando un efecto de “columnas”.

Una vez más, espero sea de ayuda.

2 comentarios

  • Jean Lombardo

    Necesito colocar todos mis post en 2 columnas, pero no se como hacerlo, que pagina edito o coloco este codigo? en la page del tema, la index, una nueva, etc…
    si pudiera ayudarme seria buenisimo por favor, gracias.

  • viktormorales

    Si deseas que tus posts aparezcan en dos columnas, entonces el código que comparto deberías ubicarlo en el archivo INDEX.PHP, entre “get_header()” y “get_footer()”.

    ¡Saludos!.

  • Deja tus comentarios!