Devin Walker is a San Diego based entrepreneur, developer and designer.

I’m loving the body_class() WP function

Posted on Aug 23, 2011 in Coding | No Comments

Sometimes you may have the need to output specific classes depending on the page you are viewing on a website. These additional selectors make life easier when dealing with complex CSS and JavaScript.

How to use the WordPress Body Class Function

Simply open up your specific theme’s header.php for other file that contains yourtag and insert the body_class() like so:

As stated by WordPress:

The echoed class attribute may include one or more of the following values for the class attribute, dependent upon the pageview.

  • rtl
  • home
  • blog
  • archive
  • date
  • search
  • paged
  • attachment
  • error404
  • single postid-(id)
  • single-(post_type)
  • page-id-(page_id)
  • attachmentid-(id)
  • attachment-(mime-type)
  • author
  • author-(user_nicename)
  • category
  • category-(slug)
  • tag
  • tag-(slug)
  • page-parent
  • page-child parent-pageid-(id)
  • page-template page-template-(template file name)
  • search-results
  • search-no-results
  • logged-in
  • paged-(page number)
  • single-paged-(page number)
  • page-paged-(page number)
  • category-paged-(page number)
  • tag-paged-(page number)
  • date-paged-(page number)
  • author-paged-(page number)
  • search-paged-(page number)
  • tax-(taxonomy name) (since 3.1)
  • term-(term name) (since 3.1)
  • admin-bar (since 3.1)
  • custom-background (since 3.3)