ایجاد استایل متفاوت در پست های صفحه اصلی وردپرس

با سلام خدمت همه دوستان بنده قصد داشتم استایل پست هام به صورت یکی در میان با هم فرق داشته باشن به این صورت

کد HTML:

---

<divclass="backred">post 1</div>
<divclass="backblue">post 2</div>
<divclass="backred">post 3</div>
<divclass="backblue">post 4</div>
<divclass="backred">post 5</div>
<divclass="backblue">post 6</div>

---

و کد php رو به این صورت قرار دادم

کد HTML:

---

<?php
if(have_posts()):while(have_posts()): the_post();
if($post->ID%2==0){?>
<divclass="backred">post 1</div>
<?php
}else{?>
<divclass="backblue">post 2</div>
<?php }
endwhile; endif;?>

---

حالا نتیجه به این شکل شده که ضمیمه کردم ، با عرض پوزش از اینکه نمیدونم تایپیک رو در جای درستی ایجاد کردم یا نه

ممنون میشم کمکم کنید