1 pagina 'city skyline' met blokjes, ieder blokje moet aparte CSS hebben..

Ik wil voor m’n theme een soort skyline van een stad maken. Beetje gek idee maar om het simpel uit te leggen, dit is wat er in mijn body zit:

<div class="container">
 <?php if(have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
 <div class="post">
 <center><h1><?php the_title(); ?></h1></center>
 <?php the_content(); ?>
 </div>
 <?php endwhile; ?>
 <?php endif; ?>
 </div>

Iedere post is een wit vierkantje beneden in het scherm, en ik gebruik verscheidene categorieën voor elk vierkantje. De bedoeling is dat uiteindelijk elk vierkantje een gebouw is. Nu wil ik per postcategory vooraf een bepaalde div gebruiken (dus ipv div class post heb ik div class post1, post2, post3 etc). Al die unieke divs hebben iets anders, het ene heeft een driehoekje als bovenkant, de andere een antenne. Dit om het op gebouwen te laten lijken 😛

Ik weet alleen niet zo goed hoe ik dit moet doen. Nu weet ik niet of het handig is om met if statements te werken. Kan ik die dakjes ook via de post zelf maken, dmv van een plugin ofzo? Kan ik met een if statement zeggen dat als het post X betreft, hij div X laat zien (driehoekje bijv.), en als het post Y betreft, dat het div y laat zien (bijv. een antenne)?

CSS voor de geinteresseerden: http://www.mirelmasic.nl/wp-content/themes/mireltheme/style.css

Omdat de loop binnen een div zit snap ik dus niet zo goed hoe ik dit moet doen. Kan iemand me hiermee helpen? Zou erg dankbaar zijn!