Display Image Depending Upon Category WordPress

Spencer Barfuss comments:

Hey, thanks for the post. I like your option better. I'd love to use it, but my PHP skills are horrible. I could use some more help on this... ;)

Spencer Barfuss comments:

And when you provide the code, it needs to be placed within the "downflag" div that I have created.

See screenshot here: http://www.cl.ly/2q19380J1w362V0D1X1k

Ivaylo Draganov comments:

Here's what you can use to have the category and custom taxonomy* appear inside of div.downlag: [[LINK href="http://pastebin.com/QiR7vkDh"]]http://pastebin.com/QiR7vkDh[[/LINK]]

* assuming you have used the above code to register a custom taxonomy for posts. If correctly implemented it should create another meta box on the write/edit post screen where you can create the grades and attach them to posts

From the screenshot I can see that you're using one of Woo's themes so I believe they have <em>post_class</em> implemented already. Use Firebug(or similar dev-tool) to inspect the code of your pages to see whether post classes are applied.

Spencer Barfuss comments:

Ok, I pasted that code exactly as you have it within the "downflag" div in the single.php file, and it caused most of the layout to disappear. Any clue as to why?

Ivaylo Draganov comments:

Could be due to a PHP error. To enable debugging mode and see the error messages, add this line to your <em>wp-config.php</em>:

define( 'WP_DEBUG', true );


And try a slightly improved version of the code:
[[LINK href="http://pastebin.com/QiR7vkDh"]]http://pastebin.com/QiR7vkDh[[/LINK]]

You can see it in action on my sandbox site(look above the post title for the output):
[[LINK href="http://test.druuf.com/wordpress/?p=12"]]http://test.druuf.com/wordpress/?p=12[[/LINK]]

Spencer Barfuss comments:

Ok, that seemed to work, but that code works only for the category that I've posted, and is not displaying the Suggested Grades code. Is there a way to configure that as well?

Ivaylo Draganov comments:

Is there a menu item under posts in your admin area that reads "Grades"? If you've properly placed the code from my first answer, then that section should appear. Check out the screenshot: [[LINK href="http://awesomescreenshot.com/0b8eppy81"]]http://awesomescreenshot.com/0b8eppy81[[/LINK]]

Spencer Barfuss comments:

Hi, the grades custom post type and ability to check a grade level on the right hand side is not working, and is not showing like you have it in your screenshot. I copied and pasted your code within the single.php file. Here's what it looks like...


<?php
/**
* Single Post Template
*
* This template is the default page template. It is used to display content when someone is viewing a
* singular view of a post ('post' post_type).
* @link http://codex.wordpress.org/Post_Types#Post
*
* @package WooFramework
* @subpackage Template
*/

get_header();
?>

<!-- #content Starts -->
<?php woo_content_before(); ?>
<div id="content" class="col-full">

<div id="main-sidebar-container">

<!-- #main Starts -->
<?php woo_main_before(); ?>
<div id="main">
<div class="postdate"><span><?php the_time('n.j.y') ?></span></div>
<div class="downflag">

<?php
// set vars
$post_id = get_the_ID();
$html = '';

// get post taxonomies(skill & grade)
$skills = get_the_terms ( $post_id, 'category' );
$grades = get_the_terms ( $post_id, 'grade' );

// do for each category(skill)
if ( $skills && !is_wp_error( $skills ) ) {
foreach ( $skills as $term ) {

$html .= '<a href="' . get_term_link( $term->slug, 'category' ) . '" class="skill ' . $term->slug . '">' . $term->name . '</a>';

}
}

// and for each taxonomy(grade)
if ( $grades && !is_wp_error( $grades ) ) {
foreach ( $grades as $term ) {

$html .= '<a href="' . get_term_link( $term->slug, 'grade' ) . '" class="grade ' . $term->slug . '">' . $term->name . '</a>';

}
}

// print the results on screen
?>

<?php echo $html; ?>

</div>
<?php
woo_loop_before();

if (have_posts()) { $count = 0;
while (have_posts()) { the_post(); $count++;

woo_get_template_part( 'content', get_post_type() ); // Get the post content template file, contextually.
}
}

woo_loop_after();
?>
</div><!-- /#main -->
<?php woo_main_after(); ?>

<?php get_sidebar(); ?>

</div><!-- /#main-sidebar-container -->

<?php get_sidebar('alt'); ?>

</div><!-- /#content -->
<?php woo_content_after(); ?>

<?php get_footer(); ?>


Ivaylo Draganov comments:

The above seems correct. Make sure that you've placed this in your <em>functions.php</em>:

//hook into the init action and call create_book_taxonomies when it fires
add_action( 'init', 'create_custom_taxonomies', 0 );

//create two taxonomies, genres and writers for the post type "book"
function create_custom_taxonomies()
{
// Add new taxonomy, make it hierarchical (like categories)
$labels = array(
'name' => 'Grades',
'singular_name' => 'Grade',
);

register_taxonomy('grade',array('post'), array(
'hierarchical' => true,
'labels' => $labels,
));

}


Spencer Barfuss comments:

Ok, it works! However, I can't get it to hook with the CSS. For example, I just checked the K-2 category. I updated the post, reloaded the page, and it shows K-2 over the image, which is good! But... when I go into the CSS to remove the text by using text-indent:-9999em;, it won't remove the text. When I highlight it in Firebug, it won't even show the class I've created for it. I even tried display:none;, and still nothing.

I can remove the text though for the skills, like striking. So, I put into the CSS .striking {text-indent:-9999em;}, and it works. It removes the text from the web page, only displaying the image I want. But for some reason, it's not working with the suggested grades.

Do you have any idea as to why it would be doing this?

Spencer Barfuss comments:

Ok, nevermind. There was a colon missing in the CSS. :) Thanks for your help! And congratulations!