Requête personnalisée Wordpress affichée en 3 DIV différentes

Question

Je travaille sur un curseur de nouvelles basé sur le célèbre outil jQuery Scrollable.

Sur l'en-tête de mon site, je voudrais créer une nouvelle requête (uniquement les messages collant avec un maximum de 12 postes), affichage comme ceci:

<!-- 1-4 --> 
<div> 
    <div>POST 1</div> 
    <div>POST 2</div> 
    <div>POST 3</div> 
    <div>POST 4</div> 
</div> 
<!-- 5-8 --> 
<div> 
    <div>POST 5</div> 
    <div>POST 6</div> 
    <div>POST 7</div> 
    <div>POST 8</div> 
</div> 
<!-- 9-12 --> 
<div> 
    <div>POST 9</div> 
    <div>POST 10</div> 
    <div>POST 11</div> 
    <div>POST 12</div> 
</div> 

Toute aide ou conseils seraient appréciés !

Cheers,

Jk_

Answer 1

Obtenez vos messages de la db en utilisant votre méthode préférée (get_posts, query_posts, $ WP_Query) et les mettre dans un tableau. Pour nos besoins, appelons le $posts.

Ensuite, utilisez array_chunk() pour diviser $posts en un tableau de la taille que vous spécifiez.

$chunked_posts = array_chunk($posts,4); 

où $chunked_posts est un tableau contenant des tableaux contenant chacun 4 postes. Ensuite, vous pouvez utiliser une boucle foreach sur $chunked_posts dans votre modèle pour afficher chaque morceau dans son propre div.

<?php foreach($chunked_posts as $posts):?> 
    <div> 
     <?php foreach($posts as $post):?> 
      <div><?php //display your post here ?></div> 
     <?php endforeach;?> 
    </div> 
<?php endforeach;?>