Update: Note, Drupal 7 already gives you useful body classes out of the box</strong>
I recently developed a Drupal site where each page in the site was based on a custom content type and needed some very specific theming. Although my custom theme was based on 960.gs, I decided to borrow from the zen theme its custom body class implementation to give more meaningful CSS classes to leverage for theming.
What's a body class?
The body class rendered by the
<body> tag in Drupal outputs something like this for example:
That's nice but to theme specific sections of a site as I mentioned above, I needed a little more in the body class. You can do this by adding some PHP code to your theme's template.php file. If your theme does not have this you can create it at: /sites/all/themes/[your theme]/template.php Note if you are using the Zen theme or a Zen sub theme, you do not need to do this. Also, replace any instances of "zen" below with the name of your theme.
Add this php code to your
Once you add this you just need to modify the
<body> tag in your
page.tpl.php file. Change it to read:
Once you have done this you should clear your site cache and voila, you now have meaningful advanced body classes being rendered on every page in your site. The possibilities are endless of what you can do with these advanced classes.
For example this page now shows:
Theoretically I could custom theme a blog page by using code such as this:
It's now fairly granular for theming so you can really specific of what and how you want to theme.
If you are using Drupal's Domain Access Module, you can also render domain body classes with the following code:
Insert this just after this line of code:
The body class output will simply be of the format
domain-numerical_id that represents the domain you are currently on that you can use and leverage in your CSS and theming. You could also use the domain site name as