Posted By

kbrown on 06/13/11

Tagged

Versions (?)

Last Edited at 06/13/11 03:09pm

Statistics

Viewed 667 times

Favorited by 0 user(s)

Related snippets

Wordpress - Add CSS class to latest post

/ Published in: PHP

Highlighted TextExpand

Open up your WordPress template folder. You need to open whichever file controls the part of your blog in question. If weâ€™re talking about your main page (we probably are), then you probably want to open index.php. (But if thereâ€™s a home.php, open that instead.)

Find the beginning of the loop . Usually, that looks something like one of these:

<?php if ( have_posts() ) : while( have_posts() ): the_post(); ?>
<?php while( have_posts() ): the_post(); ?>
<?php while( have_posts() ){ ?>

Now, just before the loop starts, insert this line of code, exactly as shown, on a line by itself:

<?php $firstClass = 'firstpost'; ?>

Now, go into the loop and find the first <div> after the loop starts. In most themes, it will look something like this:

The class name might be different, but thatâ€™s the general idea. Change it to this:

Easy enough so far, right? Thereâ€™s one more step we need to take, otherwise every post will get that firstpost class added to it, and we donâ€™t want that. So on the line right after the one you just edited, add this in:

<?php $firstClass = ""; ?>

Thatâ€™s two quotation marks in a row, just in case it isnâ€™t clear. With that piece of code inserted, youâ€™re all done. For the first post, $firstClass is firstpost, but for later posts, $firstClasswill be blank, so echoing it into the div wonâ€™t have any effect.

URL: http://adambrown.info/b/widgets/easy-php-tutorial-for-wordpress-users/first-post-different-from-the-rest/

Report this snippet Tweet