Question

Thanks in advance.

I’d like to have posts with different colored borders and headers. It would be nice to choose a category of the post (red, blue, black, etc.) and have it change the class for that specific post.

If it were outside of dreamweaver, it would use classes.

So I could say:

<div class="red box">
<h3>Header</h3>
Content
</div>

Ideally this would work by having an option in the design view named ‘classes’ or ‘post styles’. I would choose ‘box’ and ‘red’, and the style would be changed. Is this possible?

Answer 1

The method you use to get the effect you want will depend based on the theme you are using. Many theme authors will include the categories or tags from each theme as classes on the div that contains the post so if you tagged a post as “blue” or “boxed” the post div would come out classed the way you are hoping. Then all you need to do is write some css that creates the effect you like.

.blue {
  background-color: blue;
}

If you are coding your own theme you can include the tags using this method (borrowed from an answer by Alchymyth here):

<?php $tags = get_the_tags();
if( $tags ) : ?>
  <p class="tags">
  <?php foreach( $tags as $tag ) { ?>
   <span class="<?php echo $tag->slug; ?>"><a href="<?php echo get_tag_link($tag->term_id); ?>"><?php echo $tag->name; ?></a></span>
  <?php } ?>
</p>
<?php endif; ?>