Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

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?

share|improve this question
add comment

1 Answer

up vote 1 down vote accepted

Use 'post_class' for custom CSS per post.

An example with 3 variations (only use 1):

 <div id="post-<?php the_ID(); ?>" class="red box" ?>>  //idea 1
 <div id="post-<?php the_ID(); ?>" <?php post_class('box-color'); ?>> //idea 2
 <div id="box-color" <?php post_class(); ?>> //idea 3

<h3>Header</h3>
Content
</div>

To be able to choose a color in the post, use a custom field conditional. http://codex.wordpress.org/Custom_Fields

To just change it based on category and such wrap the post class examples above in a category conditional. http://codex.wordpress.org/Conditional_Tags#A_Category_Page

The logic ( not proper code but ya):

     if in_category( array( 1,2,3 ) ) { 
       // add your custom post class div 
     }else{
        // use default post class style.
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.