Comments on: Giving different styles to different WordPress categories

By: rotem

rotem — Sun, 12 Jun 2011 09:51:54 +0000

hi !
can i do different sidebar in each page ?
different (text)
thank you

By: Hello Fellow Coder | Philjutsu

Hello Fellow Coder | Philjutsu — Mon, 21 Mar 2011 01:27:10 +0000

[...] useful link that I referenced to get this blog’s design to work with the different categories:Giving different styles to different WordPress categories.Think outside the [...]

By: Alexcp

Alexcp — Fri, 12 Nov 2010 16:56:28 +0000

Like Marz said, you can use a conditional tag instead. I think this technique is better and you can easily customize it.
For example I use so I can repeat a template on multiple child category.

To do it, first save the content of the category.php file as category_default.php
then in category.php delete eveything and replace it with:

$post = $wp_query->post;
if (in_category(‘catname1′)) {
include(TEMPLATEPATH.’/catname1.php’);
} elseif (in_category(‘catname1′)) {
include(TEMPLATEPATH.’/catname2.php’);
}
else{
include(TEMPLATEPATH.’/category_default.php’);
}
?>

By: Marz

Marz — Thu, 12 Aug 2010 20:14:54 +0000

why not using a conditional in header.php?

” type=”text/css” media=”screen” />

By: Using WordPress Categories To Style Posts « Lorelle on WordPress

Using WordPress Categories To Style Posts « Lorelle on WordPress — Sun, 25 Jul 2010 21:31:13 +0000

[...] Giving different styles to different WordPress categories : WP Garage [...]

By: Greg

Greg — Mon, 26 Apr 2010 18:36:53 +0000

Regarding the styling as per the original post topic, It might be more useful to put the PHP conditionals into some inline CSS, or set them to include separate stylesheets. Pseudo-code:
if (category=carrots) {echo style tag with some inline CSS}
or
if (category=carrots) {echo a line to include carrots.css}
The nice thing about doing it that way is that you’re not hard-coding anything into the template. What if your post itself contains H2 tags? In the example for the article, only that top H2 tag, the one that’s part of the template, would be styled. By including some CSS inline or in a separate sheet, you could have it such that ALL H2 tags are styled with the appropriate colour, as well as any other tags (anchor links? strong tags?) that might want additional category-specific styling.
Regarding the conversation in the comments:
The independent ifs in the code provided in the comments are going to cause problems. You need to decide the hierarchy of which to include in the event that it belongs to more than one category.
The pseudo-code would have to look like:
if (category 1) {include sidebar 1;
}elseif (category 18) {include sidebar 18;
}elseif (category 5) {include sidebar 5;
}else {include default sidebar;}
In that example, once it sees category 1, that’s it. If there’s no category 1 but there is category 18, that’s it. If there’s no category 1 or 18 but there is category 5, that’s it. Otherwise it will use default.
Good ideas all around, though! I apologize if my pseudo-code doesn’t result in any actual practical code! Since I’m working on an implementation myself, if I discover the answer in hard, practical code, I’ll provide it back here.

By: Content Management with WordPress | Good Approach Marketing

Content Management with WordPress | Good Approach Marketing — Mon, 09 Nov 2009 01:18:15 +0000

[...] For WordPress users it’s easy to understand that you can change the entire look to your website but changing the theme. But what if you want different themes or styles for different categories or pages? You can create customized category templates that will assume a style for certain categories. [...]

By: Marcus O'Donnell

Marcus O'Donnell — Sat, 15 Dec 2007 02:25:43 +0000

Still not right all the replaced with xx just in case my synatx is wrong

xxphp if ( in_category(’16′) ) { xx
xxphp include (‘sidebar3.php’); xx
xxphp } xx

xxphp if ( in_category(’11′) ) { xx
xxphp include (‘sidebar4.php’); xx
xxphp } xx

xxphp if ( in_category(’13′) ) { xx
xxphp include (‘sidebar2.php’); xx
xxphp }else { xx

xxphp get_sidebar(); xx

By: Marcus O'Donnell

Marcus O'Donnell — Sat, 15 Dec 2007 02:17:25 +0000

Forgot the code wouldn’t print (is there a way around that???)

php if ( in_category(’16′) ) { ?>

php } ?>

php if ( in_category(’11′) ) { ?>

php include (‘sidebar4.php’); ?>

php } ?>

php if ( in_category(’13′) ) { ?>

php }else { ?>

php get_sidebar(); ?>

By: Marcus O'Donnell

Marcus O'Donnell — Sat, 15 Dec 2007 02:15:39 +0000

Hi Ryan

thanks for trying to help I changed the “else” to “elseif” and i ended up with an error message

I have put up a test site so that you can see what i mean

http://blogsperiment.com

if you click on Amiel’s story which is categorised as Lead Story (cat-7) as well as Paper Rock (cat-13) you get what I want – the story with its own sidebar

but if you click on J Student Blogs for NYT which is categorised as Currently Featured (cat-4) and Tide (cat-16) you ended up with the special Tide sidebar and the normal one below it

same with the bottom story in the second column Images of Cronulla you get the special News Photography (cat-11) side bar as well as the normal one

the current code on the single page is

so the only category that is excluding the normal sidebar is the one closest to the “else” statement

any ideas?

thanks so much for the help