post_class(); … Take advantage of the new "Sticky Post" feature in WordPress 2.7

lsw-x

Of the many excellent new features coming in WordPress 2.7, some are applauding the arrival of sticky posts.

First – what are they? Sticky posts are posts that you can “stick” to your front page. For instance, if you have a post that you published a year ago and would like to republish it to the front page of your site for a time – you can edit that post and select “Stick this post to the front page” in the Edit Post page in your WordPress admin panel. Just doing that will stick it to your front page, ahead of all the other posts on your site.

You can use CSS to style those sticky posts, as well. All you need is this markup:

[php] <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>[/php]

That will insert a class=”sticky” above your post and you can use CSS to style .sticky. Cool, eh?

More? Yes, there is more. That same tag will insert special classes for your categories and tags, as well. An example?? I’m glad you asked! Hypothetically, I have a sticky post that I’ve filed in the Misc category and tagged with News, WordPress and Markup. With me so far? With all of that, plus the post_class(); tag in my template – my source code for that particular post looks like this:

[php]<div id="post-ID" class="post sticky hentry category-misc tag-news tag-wordpress tag-markup">[/php]

Now, I can use CSS to create special styles for the following classes:
– .post
– .hentry
– .sticky
– .category-misc
– .tag-news
– .tag-wordpress
– .tag-markup

I forsee lots of people having lots of fun with this! I am doing some custom work for some clients 2.7 (beta) right now, with the intention to launch them once 2.7-final is released. I’m having good fun working with the new post_class(); tag and the new features of sticky posts, threaded and paged comments. I’m excited for WordPress to release 2.7-final into the wild!

26 thoughts on “post_class(); … Take advantage of the new "Sticky Post" feature in WordPress 2.7”

  1. Pingback: 10 ways to make your wordpress theme look like pro. » GoSee-Design › lifestory of a freelance team

  2. Pingback: 10 ways to make your wordpress theme look like pro. – jpablobr.com

  3. Pingback: 10 Useful WordPress Coding Techniques « Smashing Magazine

  4. Pingback: 10 Useful WordPress Coding Techniques « Tech7.Net

  5. Pingback: 10 Useful WordPress Coding Techniques | Search Engine Optimisation

  6. Pingback: 10 Useful WordPress Coding Techniques – My Facebook

  7. Pingback: Web Design News » 10 Useful WordPress Coding Techniques

  8. Pingback: WordPress Coding Techniques : Style Posts Individually

  9. Hey I was wondering how to create a unique style for a post and call that style with the post_class() or post_ID(). I don’t want to edit the .post style because it would change the whole layout of the posts, I just want to change the text alignment to left on the single post page. Thanks!
    *Note: The website I listed is my own website, and not the wordpress one that I’m working on

  10. Remember, you can take this even further by adding your own tags in to the post_class, such as:

    This can lead to all sorts of possibilities:
    – Easier styling for individual posts (to achieve a jasonsantamaria style site perhaps)
    – Different styles for different authors.
    – Different style for each month?

  11. Pingback: Use WP template post-class() to style posts individually | WebDesign Collection

  12. Pingback: post_class(); … Take advantage of the new “Sticky Post” feature in WordPress 2.7 | Lisa Sabin-Wilson | WordPress News

  13. Pingback:   10 Useful WordPress Coding Techniques by Oshoamy

  14. Pingback: Geek is a Lift-Style. »Archive » 10 Useful WordPress Coding Techniques

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top