Cambiar posicion en que aparecen los posts

[okdek88]

Hola, os explico mi problema. Necesito mostrar en el index de mi wordpress los posts del modo en que aparece en la imagen.
Cada cuadrado sería un div en el que aparecería el thumbnail, el título, y las categorías... Mostrar esto es facil, pero mi problema es situarlos en esas posiciones.
Además me hace falta que tenga paginación, asi que los posts deberían ir rotandose al crear una entrada nueva.. ¿Me explico?

Anoche me fui a la cama a las 5 de la mañana intentandolo, pero no tengo ni idea de cómo hacerlo -.-

Si alguno tiene alguna idea, le invito a una cerveza o un café o a cenar si es necesario..
¡Muchas gracias! Un saludo.

[American2010]

Hola, más que en Wordpress lo consultaría en CSS ya que se trata más de una distribución de Divs que de Wordpress en si mismo.

Imagino que necesitaras un contenedor, de digamos 750px y que alli se acomoden de 3 en 3 otros divs de 250px

[okdek88]

No, no.. el problema no son los divs, con ellos me llevo bien... la cuestión es que aparezcan los posts dentro de ellos de esa determinada manera, que eso si que es cosa de las tripas de wordpress. Con CSS sí que me defiendo.

[American2010]

Bueno, no se que tan familiarizado estás con WP

Lo que necesitas es definir un clásico LOOP

http://codex.wordpress.org/The_Loop

Y recuerda decirle a WP que muestre X (multiplos de 3) posts por página ( 9, 12, 15, etc)

Para paginar puedes usar WP Page Navi (Es un plugin muy bueno y configurable)

[okdek88]

¿Me echarías un cable con eso? Ya sospechaba que sería con un loop, pero no sé cómo integrarlo...

Edito: Es decir, sé mas o menos cómo poner el loop y que aparezcan los posts, pero no se como hacer que salga cada uno en un div. Y con lo de la paginación tambien ando un poco perdido, nunca lo he hecho.

Y gracias de nuevo (:

[okdek88]

American2010, sabes cómo puedo hacerlo?

[American2010]

Empieza con algo simple como:

Código PHP:

  if (have_posts()) :
   while (have_posts()) :
      the_post();
      the_content();
   endwhile;
endif; 
   

Ya luego según el Theme que estás armando pondras los DIVs y los Titles segun correspondan, por ejemplo:

Código PHP:

 if (have_posts()) :
   while (have_posts()) :
      the_post();
?>
<h2 id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
 
<?php      the_content();
   endwhile;
endif;   

Y todos los datos que necesites mostrar del post.

Acá tienes guía completa en español.

http://codex.wordpress.org/es:The_Loop_in_Action

De ahí levanté el ejemplo.

[okdek88]

Pero si pongo eso en cada div, me saldrá en todos lo mismo, no?

[American2010]

No, va pasando de post en post. El While se seguirá ejecutando la cantidad de veces que hayas configurado tu WP. Por eso te decía que le digas que muestre multiplos del 3 en el Home.

Luego abajo puedes agregar un plugin de paginación.

[okdek88]

Vale, te has ganado la cerveza (:

Muchisimas gracias tio, de verdad.. llevaba tiempo intentandolo y por fin lo he conseguido. No sé cómo darte las gracias...

Un abrazo!

[American2010]

Genial, y nada, que uno también va aprendiendo gracias a esto, al menos yo, que toco de oído y esto lo sabía de haber visto tantas entrañas de Themes de WP

Siempre también había escuchado sobre el loop, y de paso de aprende todas las posibilidades que permite.