Multiple stylesheets in one theme

[odyn]

Just a thought. Many times it would make sense from design point of view to have different colors for different sections of the same webpage. For example a sport institution could have pages connected to basketball in one set of colors, things connected to football in another set of colors, … which could be implemented as more than one instance of style.css (within the same theme of course) and some kind of option choosing among them.

Alternatively (or as an addition) sometimes it could be useful to have different stylings for the same element. For example I could use more than one post grid within the same custom layout, but each with it’s own background color (or other stylings) to make different sections of the page more separable by the user.

(am I talking nonsense and this is actually something very easy or impossible to do?)

Topic

[Jason Bobich]

Sure, you could have different styles based on the current page. There are two overall approaches you can take that I can think of.

1) You could do it server-side by enque’ing whatever stylesheet based on some parameter, possibly a WordPress conditional. —

http://codex.wordpress.org/Function_Reference/wp_enqueue_style

http://codex.wordpress.org/Conditional_Tags

2) Or even without enque’ing any additional CSS files, you can style different pages from your style.css by simply utilizing the body classes the theme and WordPress give you.

For example, on every page on your site WordPress gives you a unique class attached to the body based on the current page that is page-id-{page_id}.

.page-id-123 .thing-1 { ... }
.page-id-123 .thing-2 { ... }
.page-id-123 .thing-3 { ... }

[Author]

Replies