One page with posts, every post has it's own div & CSS, how?

  • Unknown's avatar
    mirel · Member ·

    Hi. Right now I have my unfinished portfolio: http://www.mirelmasic.nl. The white squares with text are separate posts, and not all of them are of the same category. I wish to make the website in a ‘city skyline’. For example (for this topic’s sake, I’ll keep it simple), I want post X to feature a triangle on top of it, and post Y an antenna.

    How do I exactly do this? this is the entirety of my content within <body>:
    <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>

    Can I make a if statement outside the container div? If category X, then show div X (triangle), elseif category Y, then show div Y (antenna), and so on with other types of buildings.

    Is there a certain plugin which can help me achieve this, without the use of if statements? If someone knows something, I’d greatly appreciate it, I never got around to thinking this one out. Thanks :)

  • Unknown's avatar
    supportbot · Member ·

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

  • The topic ‘One page with posts, every post has it's own div & CSS, how?’ is closed to new replies.