Selamlar üstadlarım,
PSD to CSS temamı bitirdim. Şimdi sırada Html/Css to Wordpress işine geldi.
Fakat yaptığım css de bir divin içinde 3 adet konu paylaştıktan sonra aynı divi tekrar açması gerekiyor yani şöyle izah edeyim.
<div class="birinci div">
<div class="konu1">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<div class="konu2">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<div class="konu3">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
</div>
<div class="ikinci div">
<div class="konu4">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<div class="konu5">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<div class="konu6">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
</div>
Yani genel divlerden sonra 3 konu paylaşıp tekrar genel div açacak ve 3 konu paylaşacak. 1 dive 3 konu 1 dive 3 konu çeklinde üstadlarım.
Bunu wordpress de while döngüsüyle konuları listelerken nasıl yapacağım acaba?
Aşağıdaki ifadeyi olduğu gibi kullan hocam
[
<?php
$args = array(
'post_type' => array( 'post' ),
'post_status' => array( 'publish' ),
'posts_per_page' => '6',
);
$loop = new WP_Query($args);
while ($loop->have_posts()) :
$loop->the_post();
if ($loop->current_post == 0) { ?>
<div class="birinci div">
<div class="konu1">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<?php } if ($loop->current_post == 1) { ?>
<div class="konu2">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<?php } if ($loop->current_post == 2) { ?>
<div class="konu3">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
</div>
<?php } if ($loop->current_post == 3) { ?>
<div class="ikinci div">
<div class="konu4">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<?php } if ($loop->current_post == 4) { ?>
<div class="konu5">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
<?php } if ($loop->current_post == 5) { ?>
<div class="konu6">
<span>konu başlığı</span>
<img src="" title="konu resmi">
<span class="konu kısa açıklama"></span>
</div>
</div>
<?php } endwhile; wp_reset_postdata(); ?>