• Resolvido gustamociaro

    (@gustamociaro)


    Olá.

    Estou precisando dividir uma lista de posts em várias DIVs, para fazer uma galeria com um slider em JS.

    Preciso que os posts sejam listados dessa forma:

    <div>
    Post 01
    Post 02
    Post 03
    Post 04
    </div>
    
    <div>
    Post 05
    Post 06
    Post 07
    Post 08
    </div>
    
    <div>
    Post 09
    Post 10
    Post 11
    Post 12
    </div>

    Minha dúvida é como dividr os posts em blocos.

    Alguém sabe como fazer isso?

    Obrigado

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Criador do tópico gustamociaro

    (@gustamociaro)

    Esqueci de comentar que as divs só são criadas, se forem necessárias.

    Ex: Se houver 4 posts, só haverá uma div.

    Se houver 6 posts, serão 2 divs, e assim vai.

    Bom vamos lá como temos o while pra fazer o loop dos posts você pode fazer assim

    <div class="DivMultiplicada">
    <?php
    $i=1;
    while (have_posts()) : the_post();
    ?>
    	<?php the_title(); ?><br />
    	<?php the_excerpt(); ?><br />
    	<a href="<?php the_permalink(); ?>" title="Read More">Read More &raquo;</a>
    <?php
    if( $i===4 ){ echo "</div><div class=\"DivMultiplicada\">"; }else{ $i++; }
    endwhile;
    ?>
    </div>
    Criador do tópico gustamociaro

    (@gustamociaro)

    Valeu, vou testar!

    Criador do tópico gustamociaro

    (@gustamociaro)

    Perfeito, só fiz uma modificação, sugerida pelo @CarlosBacco. Segue o código final para outros que precisarem:

    <div class="DivMultiplicada">
    <?php
    $i=1;
    while (have_posts()) : the_post();
    ?>
    	<?php the_title(); ?><br />
    	<?php the_excerpt(); ?><br />
    	<a href="<?php the_permalink(); ?>" title="Read More">Read More &raquo;</a>
    <?php
    if( $i===9 ){ echo "</div><div class=\"boxport\">"; $i=1; }else{ $i++; }
    endwhile;
    ?>
    </div>

    Muito Obrigado!

    realmente, tinha esquecido de colocar o $i=1; pra resetar a contagem.
    Mas blz então se resolveu ja vlw! 🙂

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Dividir Posts em várias divs’ está fechado para novas respostas.