2º layout de publicação diferente

Como designer eu sou o buraco *** que faz diferentes layouts para posts para tornar uma página mais diferente. Devido a isso, estou tentando criar o seguinte:

insira a descrição da imagem aqui

Este é o código que estou tentando corrigir.

[EDIT] Tenho os estilos funcionando, mas agora o conteúdo está sendo duplicado [/ EDIT]

 array( 'innovation_lab' ) ) ); while ( $query->have_posts() ) : $query->the_post(); $i=0; if ($i%3==0) echo ' 
'; echo '
'; echo '

'; the_title(); echo '

'; foreach((get_the_category()) as $childcat) { if (cat_is_ancestor_of(10, $childcat)) { echo 'cat_ID).'" class="category small">'; echo $childcat->cat_name . '  /  '; }} echo '

'; echo excerpt(60); echo '

'; echo ''; echo '

Lees meer

'; the_post_thumbnail('', array('class' => 'pull-right img-responsive img-samenvatting')); echo '

'; if ($i%3==2) echo ' '; echo '
'; the_post_thumbnail('', array('class' => 'pull-right img-responsive img-samenvatting')); echo '
'; echo '

'; the_title(); echo '

'; foreach((get_the_category()) as $childcat) { if (cat_is_ancestor_of(10, $childcat)) { echo 'cat_ID).'" class="category small">'; echo $childcat->cat_name . '  /  '; }} echo '

'; echo excerpt(60); echo '

'; echo ''; echo '

Lees meer

'; if ($i%3==3) echo '
'; $i++; endwhile; ?>

PS: não julgue o meu PHP …

Solutions Collecting From Web of "2º layout de publicação diferente"

Ok solução encontrada. Esqueci de usar o {} e agora funciona. Aqui vai:

 < ?php $query = new WP_Query( array( 'post_type' => array( 'custom_post_type' ) ) ); $i = 0; while ( $query->have_posts() ) : $query->the_post(); if ($i%2==0){ echo '1st post here'; } if ($i%2==1){ echo '2nd post here'; } $i++; endwhile; ?>