Alister Cameron // Blogologist

Changing the world. One blog(ger) at a time.

WordPress Plugin: ClassyBody

I love really smart CSS and am always on the lookout for a better way to do things. To that end I just love checking out the latest additions to CSS Zen Garden. This is a site that shows how amazingly you can take exactly the same HTML and create a completely different look and feel, based solely on different CSS. But there is one important matter…

Badly marked up HTML spells the death of CSS creativity. You’ll know what I mean if you’ve ever tried to mess around in MySpace. There is a reason why their HTML is devoid of classes and IDs, and why their CSS is somewhat cobbled… they don’t want you to be able to mess with their main page elements!

But CSS Zen Garden’s HTML is a good example of how to do it right, as is the website/blog of its creator, Dave Shea – Mezzoblue. Now speaking of that (and getting to the point of this post!), I noticed that Dave’s gone with a pretty funky colour scheme approach, where he stays with a particular colour scheme for a few months and then changes to a new one, based on the colours of a picture he chooses for the header. Great idea, and the design is really nice too.

mezzoblue Wordpress Plugin: ClassyBody

So being a WordPress user, I wondered how I might achieve something similar, but purely in CSS (Dave passes a querystring parameter to his CSS file, which I assume is dynamically generated.) And this led me to something I’ve played around with before that’s very powerful: adding classes to the Body tag.

If you’re going to get smart about CSS, adding classes to your Body tag can add amazing power to what you can achieve in your CSS, since the body tag is the parent element of everything that is displayed on the page. So it follows that any class you add to the body tag is information you have at hand for any CSS styling you apply to any other HTML element on the page. Think about that for a minute.

How can this make WordPress templates smarter?

Great question, dear Padwan Padawan. For my purposes I’d like to be able to change the appearance of any page element, purely in CSS, based on what kind of webpage my WordPress blog is displaying. Along the lines of the “is_functions()”, I’d like to know when I’m on the homepage, a search results page, a single post, etc. Then I’m free to change the header image, or the page background, or perhaps change the dimensions of the sidebar, or whatever…

But I’d like to go further. I’d like a certain different look to pages related to one of, say, three different categories. Or I’d like all posts from December thru February to have a snowy/winter background theme (for you Northern Hemisphere-ites!).

So to cut a long story short, I created my first (yay!) WordPress plugin that lets you do all of that, and whatever your imagination would like to do, thanks to the simple addition of classes to the Body tag. (Jumping ahead, I reckon this would make a very logical addition to the WordPress core, but that’s something you can fight for or against in the comments.)

What does this plugin do?

ClassyBody adds contextually-relevant classes to your body tag. That’s it! What you do with this added power (and I do mean power) is only limited by your CSS skills. Look out for the next version of my site design, where I am planning to get into this a fair bit…

Since ClassyBody only adds classes to your Body tag, you can safely install this plugin without the fear that it will mess up your existing design, unless – by chance – you’re already adding classes to your Body tag. But if not, have no fear firing up this plugin. Its power will only come to the fore when you start messing with your CSS and taking advantage of it.

ClassyBody v1.0 conditionally adds the following classes to your Body tag:

Class Condition
home Your blog’s homepage.
page Any static page.
page-[ID] Any static page (eg. page-4).
post An individual (single) post.
post-[ID] An individual (single) post (eg. post-71).
category A category archive page.
cat-[ID] A category archive page (eg. cat-12).
archive A dated archive page.
[Month] [year] A given month’s archives or a single post (eg. March 2006).
search A search (results) page.
error A 404 (“page not found”) error page.

Why not do this in PHP (like some templates do it)?

Read my lips: PHP for “logic”, CSS for presentation. This is why ClassyBody uses minimal PHP processing (just once) to populate the opening Body tag with classes, and then leaves the rest up the CSS. It’s all that’s needed, assuming you’re prepared to put in a little effort with your CSS. No new PHP variables needed, no repeated function calls, no filling up WordPress template files with more and more PHP. (This is for me all about a cardinal “mantra” I try to stick to: clean HTML with semantic markup, minimal PHP in the template files, as much of the presentation as possible in CSS. Never perfect, but this is the aim.)

Examples

The following examples are very simple and assume the naming convention of the WordPress Default theme’s CSS.

Winter-themed posts. Want all the posts you wrote in Winter to automatically have, say, a snowy-background image? Try something like this (remembering to create and upload the image in question!):

/* a snow theme for winter posts */
body.December, body.January, body.February {
   background-image: url('images/snowy-background.jpg');
   }

Of course, if you’re Down Under like me, change the months accordingly.

Different header images. Want to have a special header image for each of the different sections of your blog? Try something like this:

/* the homepage */
body.home #header {
   background-image: url('images/home-header.jpg');
   }

/* static pages */
body.page #header {
   background-image: url('images/page-header.jpg');
   }

/* individual posts */
body.post #header {
   background-image: url('images/post-header.jpg');
   }

/* category archive pages */
body.category #header {
   background-image: url('images/category-header.jpg');
   }

/* dated archive pages */
body.archive #header {
   background-image: url('images/archive-header.jpg');
   }

/* search (results) pages */
body.search #header {
   background-image: url('images/search-header.jpg');
   }

/* 404 error pages */
body.error #header {
   background-image: url('images/error-header.jpg');
   }

Customise a specific category, post or page! You may not want to, but ClassyBody gives you the power to do it. For every category archive listing, and for every individual post, the ID is displayed as a class, in the form cat-[ID], post-[ID] or page-[ID]. This means you can change the appearance of any HTML element on any specific post, page or category listing. Just add the specific customisations to your CSS in the right places.

A live demo – sort of!

I have ClassyBody running on this site, although I have yet to take advantage of it, in CSS. But you can at least see by viewing the source of any page, what classes are being added to the Body. This may be the quickest way for you to see what is added and for it to make the most sense. Make sure to look at an individual (single) post page, as well static pages and a category archive listing.

(Note: If you use this plugin extensively on your blog, let me know and I can add your blog here as an example. Happy to do that for good exampled of usage!)

Is anyone else talking about classes in the Body tag?

Yes, and it’s been talked about for a long time. 37 Signals had a post about it, as did A List Apart, and Eric Meyer was talking about something vaguely similar in 2001!. But to the best of my knowledge there certainly is no WordPress plugin for this, or the promotion of this approach for WordPress templates in general.

Calling all WordPress theme designers…

My personal hope is that more and more WordPress themes will be released and/or retrofitted for this plugin, and that theme designers will take the opportunity afforded by this plugin to get more creative with colours, backgrounds and the CSS customisation of the different kinds of pages in WordPress. Ultimately I’d hope to see this kind of functionality built into WordPress core, even though it’s a relatively simple bit of PHP and can be hacked into header.php easily enough, even without my plugin (if you so desire).

Installation & Usage

This is a plain vanilla plugin and installs in the normal way:

  1. Download the latest version of ClassyBody.
  2. Change the extension of the downloaded file from .txt to .php.
  3. Upload the renamed file into your /wp-content/plugins/ directory.
  4. Activate the plugin.
  5. Replace the opening Body tag in your active theme’s header.php file with:
    <body class="<?php classybody(); ?>">
  6. You’re done. Now go fiddle with your CSS!

Version History

  • Version 1.1.20070202 (2 Feb. 2007). Added custom class feature using custom fields for posts and pages. Read this post for details.
  • Version 1.0.20070106 (6 Jan. 2007). Removed extra CR-LFs after closing PHP tag. Think they were causing errors for Jaynee (below) and others. Hope they’re fixed now. Sorry folks. Silly error on my part.
  • Version 1.0.20070104 (4 Jan. 2007). Initial public release.

wordpress, plugin, wordpress plugin, body tag, css, stylesheets, wordpress themes, web design, theme design, mezzoblue, csszengarden

70 Comments

Note: Commenter website links are not no-followed, in case
you were wondering... I believe in rewarding commenters!

  1. Posted 7 years, 9 months ago // Permalink

    Hi Alister,

    I love you man!! No Seriously! A designer who is thinking about CSS is a designer close to my heart. I am always preaching that CSS is the only way to code!!

    Great Post MAte

  2. Posted 7 years, 9 months ago // Permalink

    This is basically what the Sandbox theme does, which came out back in August of 2006.

    I actually wrote a crude version of a similar plugin the July before (Dynamic Semantic Classes but with Andy enhanced this to include classes for posts and comments.

    So yep, it’s a great idea.

  3. Posted 7 years, 9 months ago // Permalink

    Nice! You definitely make a convincing argument for adding this to a site. I’m going to try it out tonight and see what happens. Thanks for the plugin.

  4. Posted 7 years, 9 months ago // Permalink

    This is awesome.

    But I just thought I would mention…

    “Great question, dear Padwan.”

    If you’re going to make Star Wars in-jokes to a bunch of geeks, you’d better spell the reference right. ;) It’s “Padawan”

    Kidding aside, this is a seriously cool. The thing I love about CSS is that the simplest things can be sooo powerful. :)

  5. Alister
    Posted 7 years, 9 months ago // Permalink

    @Stephen – Of all the things to misspell!! I stand corrected and am making the change RIGHT NOW!

    Thanks for the good feedback too, everyone.

  6. Posted 7 years, 9 months ago // Permalink

    I’d love to use it, but I get the following error message when I activate the plugin:

    Warning: Cannot modify header information – headers already sent by (output started at /home/myname/public_html/wp-content/plugins/classybody.php:41) in /home/myname/public_html/wp-includes/pluggable-functions.php on line 272

    what am I missing?

  7. Alister
    Posted 7 years, 9 months ago // Permalink

    @Jaynee – good question! I had a similar error appear a few times here and there, but never on the public side, only on a few admin pages (which I couldn’t work out). I’ll fiddle for a while and see if I can reproduce it further… stay posted for a fix if needed (or advice – either way).

  8. Alister
    Posted 7 years, 9 months ago // Permalink

    @Jaynee – Show’s how little PHP I do… I left a few carriage returns after the closing PHP tag! That’s a bad no-no, but I’ve fixed it. Anyone experiencing issues should grab the latest version or just edit their file to remove the extra (blank) lines after the closing PHP tag, which looks like ?> (there should be absolutely NOTHING after that tag!).

  9. Posted 7 years, 9 months ago // Permalink

    All fixed! It loaded up fine once I took out those extra carriage returns. Now I just need to figure out how I want to configure my stuff! I can’t wait and will let you know when I’ve got it up.

  10. Posted 7 years, 9 months ago // Permalink

    Hey Al,

    Thought you may be interested in the new marketing sherpa marketing report. Didnt know if you were on their list so here is the link to download it if you want:

    http://wisdom.marketingsherpa.com

    Its not too bad for a free download
    Shaun

  11. Alister
    Posted 7 years, 9 months ago // Permalink

    Thanks mate. I’m having a look now…

  12. Posted 7 years, 8 months ago // Permalink

    This is exactly what I have been looking for. For my first website, I had to learn Flash (for an intro) then CSS for designing the pages..I ended up building three external CSS files to run three separate pages (one with side navigation) and managed to figure out the necessary hacks to make the site look as I wanted (www.killingjanefonda.com)…then I decided to blog….I know zip about PHP, have the desire to constantly change themes, but i have been only 10% successful in modifying any theme to suit my preference. I’ll be back to comment on this plugin once I apply it to my site (cllucas.com)

  13. bird
    Posted 7 years, 8 months ago // Permalink

    You. YOU! This is beautiful. Well done.

  14. Posted 7 years, 6 months ago // Permalink

    hi together

    where have i to put in “”>”

    here is a part of my current header.php-file

    /”>

    “>Home

    THANKS FOR HELP!

  15. Posted 7 years, 6 months ago // Permalink

    does not work with copy the header.php file in. why?

  16. Posted 7 years, 5 months ago // Permalink

    Thanks for the Plug-In Alister. Will have a look :)

  17. Posted 7 years, 3 months ago // Permalink

    Brilliant. I am in awe. I am not sure how I could have missed this post. This technique will be perfect for a site I am building where I want to retain the same overall look but need to distinguish between two or more distinct sections.

  18. Posted 7 years, 3 months ago // Permalink

    Brilliant plug-in! I’m glad I stumbled across this – I can’t wait to give it a try on my mom’s environmental blog (love your idea of the “winter/summer” style changes – that’s what I’ll try first!). Thanks for sharing this with the rest of us geeks who aren’t yet capable of writing our own plugins – maybe someday I’ll write one worthy of sharing but in the meantime I appreciate yours.

  19. Posted 7 years, 3 months ago // Permalink

    Great stuff. I normally use a custom body class to override the original theme’s CSS globally, but this takes it to another level. It will make my categories so much easier to customize.

  20. jj
    Posted 7 years ago // Permalink

    can i have the code inserted depending on what category your in ? i’m trying to change out header images but also some headers have flash animations…..can i use the flash embed code with you plugin ?

  21. c boulanger
    Posted 7 years ago // Permalink

    Does WP automatically know what category is which or which post I want the style on or do I need to add something to the individual posts (e.g. an id )?

  22. Posted 7 years ago // Permalink

    @jj – the code, once inserted, always outputs the added classes to the BODY tag. However that should be no issue to you, as nothing happens with that unless you write CSS declarations to take advantage of it. And no, it will sit fine alongside flash stuff.

    @j boulanger – WP does know what categories are associated with each post. My plugin fetches this information and turns it into classes in the BODY tag. You don’t need to add an ID or anything, that’s all taken care of between WP and my plugin.

    – Alister

  23. Posted 6 years, 11 months ago // Permalink

    world class plugin.I think you read my mind about CSS classification in WP.Great keep it up

  24. Posted 6 years, 11 months ago // Permalink

    Awesome plugin, Alister! I just came across this plugin through someone else and I can see the possibilities are endless to give a blog it’s unique look!

  25. ovidiu
    Posted 6 years, 11 months ago // Permalink

    hello Alister,

    any chance you could update your plugin so it detects author pages too? something like: http://www.alistercameron.com/author/alister ?

  26. Posted 6 years, 11 months ago // Permalink

    I love this plugin! It’s very powerful!

    I have a question/problem that I was hoping you could solve, however.

    I’m trying to get categories to appear in the body class for single posts (as you have on this very page) but I can’t get it to work. Any ideas?

    Thanks!

  27. Posted 6 years, 8 months ago // Permalink

    I’ve been playing with a blog redesign lately, and got thinking about this..

    Ended up sharing it with a few bloggers around the place.

  28. Posted 6 years, 6 months ago // Permalink

    This is a great plugin!

    I’ve been using a class on my body tag for the last few years on static sites mainly for navigation effects, banner and headings…stuff like that. But now you’ve inspired me to get it into my blogs.

    I have a new theme all ready to go, I’ll try to get this in there so I can release it with some customization power.

    Thanks for this Alister.

  29. Posted 6 years, 4 months ago // Permalink

    Keep up the good work! 10q

  30. Posted 6 years, 4 months ago // Permalink

    hi there. any chance that this plugin could also work on tag pages like here? http://pacura.ru/tag/friends/ I want to style the tag page differently.
    Also some plugins just use a “virtual page” as output, like the now reading plugin does here: http://pacura.ru/library/ – this library “page” is not a real page, making it a little hard to style :-( I mean it has templates, but I find it hard to use css if your plugin does not work with this, so I can’t use pagename neitehr page id to identify this page.

  31. Posted 6 years, 4 months ago // Permalink

    Great plugin! I have been looking for this to overhaul my wordpress site for some time, and have banged my head on the wall for days trying to figure out how to do this.

    Will this work with 2.5.1 I am assuming?

    Thanks tons!

  32. Posted 6 years, 4 months ago // Permalink

    I think more powerful would be to set the body class name this way (for nested categories):

    echo( (is_category()) ? “category cat-” . get_category_parents( intval(get_query_var(‘cat’)),false,’ cat-‘,true ) . ” ” : “” );

    In this case we have all parent categories names in class name too (separated by space). It’s very usefull for more flexible css (=

  33. Posted 6 years, 4 months ago // Permalink

    Great plugin – thanks.

    One tiny thing to note, the plugin does not account for *tag based searches*.

    Simple enough to fix, I just added:
    echo( (is_tag()) ? "tag" : "" );
    to function classybody() in classybody.php

    Hope that helps
    Ian

  34. Posted 6 years, 4 months ago // Permalink

    It’s a very nice little plugin! Works well just adding the functions to functions.php too instead of in the plugins directory… not to mention easy to tweak for added versatility. Thanks a bunch!

  35. Posted 6 years, 4 months ago // Permalink

    Hi there,
    Know anyone which plugin to use if I want only the first part (first paragraph) of the article to be displayed? If someone want to read more there will be a “read more” link…
    On my blog right now is displayed all of article content and I don’t want this…
    I’m talking about the latest 10 articles displayed on the first page of my blog.
    I’m using WordPress.
    Can anyone help?

  36. Posted 6 years, 4 months ago // Permalink

    Vic, you will be pleased to know this is fairly easy.

    In your WordPress (2.5) theme editor, found here:

    http://www.yourdomainname.com/wp-admin/theme-editor.php

    click the link for the “Main Index Template”, and search for…

    the_content

    …replacing it with…

    the_excerpt

    That’s all there is to it!

    Hope that helps.

    -Alister

  37. Posted 6 years, 3 months ago // Permalink

    Hey Alister, I’ve stumbled upon your site, because you saved my problem how to change body id’s. Very kind of you;). Let’s hope it’s 2.5 compatible.

  38. Posted 6 years, 3 months ago // Permalink

    I really appriciate your work. I am using it at http://www.yogameditationpower.com.

  39. Posted 6 years, 2 months ago // Permalink

    Warning: Cannot modify header information – headers already sent by (output started at /home/myname/public_html/wp-content/plugins/classybody.php:41) in /home/myname/public_html/wp-includes/pluggable-functions.php
    I got this too..is something with the session

  40. Posted 6 years, 2 months ago // Permalink

    @Joc. You need to be sure you’ve not added any carriage return at the end of the file, or at the start of it. Classybody must not output anything except via function calls. If, at the time it is read by PHP, it so much as returns a single carriage return, it will cause an error. Easy solution is to remove any and all carriage returns outside of the PHP code.

  41. Posted 6 years, 2 months ago // Permalink

    hey first of I LOVE YOUR PLUGIN!!!!! this has enabled me to do soooo many cool things … one addition i have a suggestion of ..

    add tags ;)

    i added

    echo( (is_tag()) ? “tags” : “” );

    to your classybody() function and it work like a charm ;)

  42. Posted 6 years, 2 months ago // Permalink

    Re: Geoff’s comment…

    Has anyone gotten it to work by just putting the code into functions.php? I tried it with and without changing the body tag, but to no avail (without it did nothing, with it caused an error).

    I’d love to avoid using another plugin, if possible…

  43. nirsound
    Posted 6 years, 1 month ago // Permalink

    Great idea, but there’s a bug when I use custom fields: it accumulate the values for all pages/posts instead of calling a specific value for each post.
    any fix?

  44. Posted 6 years, 1 month ago // Permalink

    Never mind my last comment; I just pulled the code I needed from the Sandbox theme instead. Ta da…

  45. Posted 6 years, 1 month ago // Permalink

    Thanks a lot for the post. I ma going to try it right away and post my feed back soon.

  46. Posted 6 years ago // Permalink

    I was thinking of doing just this, and was happy to find you’ve already created a plugin for it.

    Has it caught on at all? I wonder if we could get this into the WordPress core.

  47. Posted 5 years, 11 months ago // Permalink

    Hey Alister… I can tell these posts are a year old or so, and perhaps I've come across this plugin a little late – but I still wanted to state my appreciation of it… THANKS!

    I've been trawling to find something which will display the links in the "recent news" sidebar of my blog in a color according to its category. For example, if the post is a member of the *green* category, the link to it is in green; if its a member of the *blue* category then the link to it is shown in blue, and so on…

    Am I barking up the right tree in trying to accomplish this with your fabulous plugin or not?

    Many thanks

    Tim

  48. Posted 5 years, 10 months ago // Permalink

    i think wp team will be contact you and discuss with you since you have lot input to the wp core.

  49. ovidiu
    Posted 5 years, 10 months ago // Permalink

    just tried adding this: <code>echo( (is_attachment()) ? "attachment " : "");</code> and it works perfectly :-) at least I can't find any problems…

  50. Posted 5 years, 10 months ago // Permalink

    It´s a pity. My CSS skills do not reach to make such changes!

  51. Posted 5 years, 10 months ago // Permalink

    Is this mean we could change our body class based on page, single, archive and else ?

  52. Posted 5 years, 10 months ago // Permalink

    I made the mistake of upgrading to WP 2.7 and now Classy Body doesn’t work any more.

    Is there a fix or a workaround you can recommend please? :)

    Thanks

    TB

  53. ovidiu
    Posted 5 years, 10 months ago // Permalink

    I am trying to encase this plugin into an if exist statement, so in case I turn off all plugins for debugging, this plugin will not throw an error. I tried: <?php if (function_exists('classybody')) {
    print '';
    } else {
    print '';
    } ?>
    but that only partially works. When I do it like this and the plugin is activated, it will print out i.e. home on my homepage !?

    anyone can help here please?

  54. ovidiu
    Posted 5 years, 10 months ago // Permalink

    sorry the code got chopped off, see here: http://pastebin.com/f2d96edd7

  55. Mark
    Posted 5 years, 9 months ago // Permalink

    What a great plugin!

    Anybody get this to work with permalinks though? or am i missing something?

    please help!

  56. Posted 5 years, 8 months ago // Permalink

    Great idea, but there’s a bug when I use custom fields: it accumulate the values for all pages/posts instead of calling a specific value for each post.
    any fix?

  57. Posted 5 years, 8 months ago // Permalink

    Hmm, that would be a little bit like what Alister wrote about Knuttz recently. I am not sure of the easiest way to leverage it.. maybe an invisible category “hot”. It might also have some use combined with Alister’s Classy Body Plugin so that not only can you have a different look for a category, almost like a seperate blog, but also display the top posts in that section. Note:- I haven’t tested these plugins yet

  58. Stacey
    Posted 5 years, 6 months ago // Permalink

    Hey,

    Really like your plugin! Its FAB! Have one question though. I am wanting my posts to inherit the category syle that it is placed under. Is there any way to do this?

    Thanks
    Stacey

  59. Posted 5 years, 5 months ago // Permalink

    works like a friggin charm. thank you, this just made my wordpress site!

  60. Posted 4 years, 7 months ago // Permalink

    I have t say CSS is really wonderful thing . But I doot think I have enough patience to learn . I have given up for several times ! But Your work seems wonderful , Maybe I will learn again !

  61. Posted 4 years, 4 months ago // Permalink

    Great plug-in, I really appreciate the information.

  62. Posted 4 years, 3 months ago // Permalink

    Great plugin man, i really appreciate your work, thanks!

  63. Posted 4 years, 3 months ago // Permalink

    This is a great help for me when it comes to creatively doing a word press site. It also helps how to smartly plug-in that adds up into the body tag through CSS.

  64. Posted 4 years, 1 month ago // Permalink

    When is the next version being released?

  65. Posted 4 years, 1 month ago // Permalink

    I think wordpress is brilliant. In the past for every little piece of coding people were hiring programmer and the scores were pretty high. WP made it so easy!

  66. Stephen
    Posted 4 years ago // Permalink

    Installed plugin, but I am getting “Bullets” inserted before my navigation words when I click on individual posts. Any ideas?

    Thanks, Stephen

  67. Alister Cameron
    Posted 4 years ago // Permalink

    The short answer, Stephen, is that this plugin really doesn’t serve a purpose any more, if you are up-to-date with WordPress, which now has this “capability” built-in.

    See this blog (as an example) which explains it:

    http://www.blogtap.net/using-the-wordpress-body_class-function-to-apply-custom-css-based-on-conditions/

    My point is, why use a plugin when you’ve now got a core function?

    Now, as to the bullets, it may be that your CSS is messing up due to some of the body classes my plugin adds.

    Cheers,

    -Alister

  68. Posted 3 years, 8 months ago // Permalink

    Sweet site, super design , really clean and employ genial .

  69. Posted 3 years, 7 months ago // Permalink

    I have been learning CSS . Just cant wait to come up to the level of you guys,

  70. Posted 2 years, 7 months ago // Permalink

    Hey Alister, I’ve stumbled upon your site, because you saved my problem how to change body id’s. Very kind of you;)

55 Trackbacks/Pingbacks

  1. WordPress Plugin: ClassyBody | Alister Cameron, Blog Consultant ページのBodyタグに異なるクラスをつける

  2. WP Plugin: ClassyBody WP Plugin: ClassyBody Add a class to the body tag of your WordPress blog depending on various parameters such as single page, page, post, category etc. In other words, it gives you the power to control the look and feel of your blog using CSS but dependent on the condition

  3. WordPress Plugin: ClassyBody | Alister Cameron, Blog Consultant ClassyBody adds contextually-relevant classes to your body tag. これで完璧?del.icio.usとの付き合い方 | caramel*vanillaクレジットカード勧誘スタッフの裏話運用 : Windows XPで始める無線LAN

  4. ClassyBody

  5. Hmm, that would be a little bit like what Alister wrote about Knuttz recently. I am not sure of the easiest way to leverage it.. maybe an invisible category “hot”. It might also have some use combined with Alister’s Classy Body Plugin so that not only can you have a different look for a category, almost like a seperate blog, but also display the top posts in that section. Note:- I haven’t tested these plugins yet

  6. WordPress Plugin: ClassyBody » Alister Cameron, Blog Consultant

  7. Comment Analysis contains a suite of functions which examine the comments on your blog. Category Overload provides an alternate administrative interface for managing categories in WordPress. Docs and download. ClassyBody adds contextually intelligent CSS classes to your BODY tag, giving the more high-powered designers out there much greater control of the CSS of a given WordPress page. FirstRSS and SideRSS will let you insert an RSS feed into a template with only one

  8. Layout e CSSClassy BodyEm todos os meus sites estáticos gosto de usar identificadores e classes na tag body. Isto permite mais flexibilidade de layout com menos código e customização do template. O Classy Body usa apenas classes compostas. De qualquer forma, é um sonho

  9. easy to add Most popular posts by month, all time, categories, etc. WordPress Stats – Tracks views, pageviews, referrers and clicks. It shows what people clicked on as well as search terms. You need a WordPress.com API key to activate this. StylingClassyBody- A very powerful plugin that hooks simple CSS classes to the body tag. You can modify the look and feel of every part of your site with these hooks very easily. File Icons – Adds icons to links via CSS.

  10. WordPress Plugin: ClassyBody

  11. view blog

  12. t have passion and purpose, greater productivity won’t help you! – 14,132 Views The 100% guaranteed way to get a front page story on Digg! – 12,811 Views How to grow your blog by over 2000 per cent in one month! – 9,196 ViewsWordpress Plugin: ClassyBody- 8,229 Views

  13. company. I wanted page specific styling on the static pages so that I could have: A banner on the index and not on sub-pages Different CSS Rules to apply on static pages More specificity for my CSS So more research yielded theClassy Bodyplugin which gives me the ability to style the site according to the type of content being displayed. Class Condition home Your blog’s homepage. page Any static page. page-[ID] Any static page (eg. page-4).

  14. WP Plugin: Numly Copyright Weblog Tools Collection Blog WP Plugin: Numly Copyright Numly assigns Numly Numbers These unique identifiers provide digital rights management give the ESN number for 3 post each month on the free planWordpress Plugin: ClassyBodyThen I m free to change the header image, or the page Brilliant plug-in! I m glad I stumbled across this – I WP Plugin: ClassyBody WP Plugin: ClassyBody Add a class to the DCoda WP_BoilerPlate WP_BoilerPlate is a free WordPress plug-in that allows

  15. next Prime Minister caught on camera eating ear wax – 25,925 views If you don’t have passion and purpose, greater productivity won’t help you! – 19,074 views The 100% guaranteed way to get a front page story on Digg! – 15,683 viewsWordpress Plugin: ClassyBody- 14,175 views How to grow your blog by over 2000 per cent in one month! – 12,830 views

  16. adding class to body…

    new found wordpress plugin: ClassyBody. very powerful. and damn smart.
    tags: 

    ……

  17. [...] WordPress Plugin: ClassyBody Add a class to the body tag of your WordPress blog depending on various parameters such as single page, page, post, category etc. (tags: wp-plugins plugin wordpress css webdesign) [...]

  18. [...] Alister’s Blog [...]

  19. [...] ClassyBody Add a class to the body tag of a WordPress blog depending on various parameters such as single page, page, post, category etc. You could make your single pages look different or a single post have a festive theme with modification of the CSS. [via wltc] (tags: wordpress) [...]

  20. [...] plan to exploit my ClassyBody plugin to add spice and variety to different sections/categories of the [...]

  21. [...] same thinking is behind my first WordPress plugin, my WordPress mod_rewrite contributions, and my Habari logo idea… do you get [...]

  22. [...] have updated my ClassyBody WordPress plugin to v1.1 with the addition of ad-hoc custom CSS [...]

  23. [...] ClassyBody adds contextually intelligent CSS classes to your BODY tag, giving the more high-powered designers out there much greater control of the CSS of a given WordPress page. [...]

  24. [...] ClassyBody añade nuevas funciones para la gestión de estilos para diseñadores de plantillas en WordPress. [...]

  25. [...] WordPress Plugin: ClassyBody | Alister Cameron, Blog Consultant [...]

  26. [...] Are you looking to control the look and feel of your blog using CSS?. Alister Cameron has released a plugin “ClassyBody” for WordPress. You can very safely and easily install “ClassyBody” without any fear of messing your existing design. You can find the complete details at Alister Cameron`s blog [...]

  27. [...] ClassyBody adds contextually intelligent CSS classes to your BODY tag, giving the more high-powered designers out there much greater control of the CSS of a given WordPress page. [...]

  28. [...] Classy Body CSS Plugins My Comic Browser PHP Advanced Transfer Manager Random Header Images Simple Viewer WordPress Review plugin Return [...]

  29. [...] WordPress Plugin: ClassyBody | Alister Cameron, Blog Consultant [...]

  30. [...] WordPress Plugin: ClassyBody | Alister Cameron, Blog Consultant 各ページのbody要素にクラスを付与するWordPressプラグイン。ページ毎のデザインがやりやすくなる。 (tags: wordpress plugin) [...]

  31. [...] ClassyBody WordPress Plugin adds CSS styles to your WordPress Theme’s HTML body tag for each type of page view you may use on your WordPress blog. For instance, if you would like your category pages to look a specific way when generated, you can style a “look” for the page from the category or cat-ID# CSS style. [...]

  32. [...] WordPress Plugin: ClassyBody | Alister Cameron, Blog Consultant [...]

  33. [...] it generates exactly the kind of HTML that a CSS junkie like me drools over. You may recall my ClassyBody plugin of a few months ago. This plugin was trying to do in one tag (the BODY tag) what Sandbox does right [...]

  34. [...] I’m trying not to have to run parallel installs of WP if I don’t have to. Oli on May. 14, 2007 Have a look at this. BinaryMoon on May. 14, 2007 I would stick the dog based stuff in a separate category. Then install this plugin [...]

  35. [...] Browser blog css wordpress design themes Agregado hace >30 días de mcdave, 6 Usuarios guardarWordpress Plugin: ClassyBody » Alister Cameron, Blog Co … css wordpress design plugin webdev plugins [»] Agregado hace >30 días de dubo, 1 Usuario [...]

  36. [...] WordPress Plugin: ClassyBody » Alister Cameron, Blog Consultant About Preview [...]

  37. [...] As I said, I’ll ask Ben to weigh in below in the first comment section with his thoughts. You can find out more about Alister at his site here and the Classy body plugin Alister refers to in the clip is here. [...]

  38. [...] WordPress Plugin: ClassyBody (tags: wordpress plugin css) [...]

  39. [...] tela gerada pelo WordPress e, assim, facilitar a criação do CSS. O You Are Here é baseado no plugin ClassyBody de Alister Cameron. Porém, o plugin dele criava as identificações baseado no ID, e isso muitos vezes gerava alguns [...]

  40. [...] I’m using the Classy Body plugin for that: http://www.alistercameron.com/2007/01/04/wordpress-plugin-classybody/ [...]

  41. [...] Classy Body [...]

  42. [...] He does some funky things with WordPress themes and CSS too – check out: http://www.alistercameron.com/2007/01/04/wordpress-plugin-classybody/ [...]

  43. [...] I suggest you try the ClassyBody plugin. [...]

  44. [...] Related Faves from lomovote11new VoteWidget(‘5893.74236413000′,showRegistrationBoxForVoteAttempt);Wordpress Plugin: ClassyBody | Alister Cameron, Blog Consultantlomo | Shared With: Everyone – Jan 08 2007 | wordpress, [...]

  45. [...] Assim que ativar o plugin, mostre onde fica o botão de limpar o cache do WordPress. Layout e CSS Classy Body Em todos os meus sites estáticos gosto de usar identificadores e classes na tag body. Isto permite [...]

  46. [...] Posted 1 month ago # Ik wilde nog even vertellen dat ik inmiddels iets heb gevonden. Hierbij de oplossing voor [...]

  47. [...] ClassyBody – A very powerful plugin that hooks simple CSS classes to the body tag. You can modify the look and feel of every part of your site with these hooks very easily. [...]

  48. [...] found wordpress plugin: ClassyBody. very powerful. and damn smart. Last 6 posts in the tech category’tis barcamp again!!! – September [...]

  49. [...] custom coding, but it can be done. In fact, this plugin my Alister Cameron makes it even easier – WordPress Plugin: ClassyBody [...]

  50. [...] an account? Log in and claim this comment. what about adding some of the features of this plugin: http://www.alistercameron.com/2007/01/04/wordpr… this plugin is brilliant in my opinion. reply  edit  reblog  flag [...]

  51. [...] using WordPress with the simpleviewer en classybody plugin. For (X)HTML-editing I prefer 1stpage from evrsoft but most of the time I find myself in Notepad. [...]

  52. [...] useful plugin I found in a while (btw. this function will be integrated in wp 2.8 as far as I know) http://www.alistercameron.com/2007/0…in-classybody/ I’d appreciate an answer to these suggestion :-) and thx for the great [...]

  53. [...] pripravovaný WordPress 2.8 ? //možno s týmto modulom by sa vyrieÅ¡ila otázka kompatibility: http://www.alistercameron.com/2007/0…in-classybody/ __________________ WordPress po slovensky! http://www.wp.skO [...]

  54. [...] ClassyBodyhttp://www.alistercameron.com/2007/01/04/wordpress-plugin-classybody/ [...]

  55. [...] this plugin is very handy and similar to the new functionality of wp 2.8: http://www.alistercameron.com/2007/01/04/wordpress-plugin-classybody/ [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*

Current ye@r *

    • www.medialayer.net
    • splash.oiopublisher.com
    • marketsamurai.com
    • madmimi.com
    • Advertise Here

  • My Posts in Your In-box!

    Enter your email address here for instant updates in your inbox, whenever I post something new.
    Your email address is in safe hands. Relax!
© Copyright 2007 Alister Cameron. All Rights Reserved Theme // Sitemap // RSS