Shaun Low

How To Style The First Post Of Your Wordpress Blog

Jun. 12th, 2008 by Dustin Brewer

I got several emails when I had published my new site design about how to style only the first post of the blog in Wordpress. This tactic can be handy to call out the very first post so that the readers attention is on the most recent topic for your blog. It is actually very easy, and may not be the best PHP in the world but it works perfectly.

Now the only problem with using this method is that you will have every first post on every index page styled this way. I haven’t played around with how to avoid that because that is the way I intended to design it. Perhaps someone has an idea on avoiding that if it is needed.

In your index.php file for your Wordpress theme you want to find your post container div (or whatever markup wraps your entire post). In the class area of this post you want to add a space after the first class (assuming you have a first class) and use the following PHP:

What this PHP will do is check to see if the variable $post is set with the string “set” and if it is not set with that string then it will echo out the class “firstPost” and then set the variable. Once the variable has been set each post afterwards will not echo out that class. Thereby creating a unique class for your first post that you can style however you want.

May be a little sloppy for the PHP gurus reading this— but it works.

Comments

About the author:
Dustin Brewer is a web designer located in Oklahoma City, OK specializing in aesthetics in design, web standards, accessibility and usability. He also enjoys helping others to discover CSS and web design best practices through his web site, dustin brewer, a web design news site.

About The Author

Dustin Brewer is a web designer located in Oklahoma City, OK specializing in aesthetics in design, web standards, accessibility and usability. He also enjoys helping others to discover CSS and web design best practices through his web site, dustin brewer, a web design news site.

Posted in: Blogging, The Net |

del.icio.us Digg Reddit Netscape StumbleUpon Technorati

If you enjoyed this post, then make sure you subscribe to my RSS Feed.

This entry was posted on Thursday, June 12th, 2008 at 8:04 am and is filed under Blogging, The Net. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

RSS feed | Trackback URI

17 Comments »

Comment by Sandy Fox

June 18th, 2008 at 1:20 pm

That’s a pretty cool technique but you can avoid a lot of hassle by using a plug-in. I believe it is called “Sticky Post”, or something to that effect. You can make specific posts appear as #1 depending on the page and/or category. Like many plug-ins it is not perfect but it’ll definitely get the job done.

Hope this helps!

(Comments wont nest below this level)

Reply here

Comment by joliousjoliez

July 4th, 2010 at 4:51 am

We distribute a burly orbit of locks extensions and sell them here without delay in our mill shop, theres no middle fetter so the total you comprehend on sales marathon here is at heavily discounted prices. We produce sole real remy hair. You wont on false whisker here as it solely doesnt match the distinction of our 100% human hair.

If your second-rate crying terrific looking star design mane without any of the baffling career then youve befall to the without delay place. Our most acclaimed product is our world renonwed section in tresses extensions.

Wearing shorten in fraction extensions is relaxed! Starkly deify your hair, express in the clasp, growl at it closed and you’re done. After putting them in afew times youll promptly get toughened to them, preceding lengthy youll be clever to attach your fraction extensions with your eyes closed!.

Clinch in’s are by this point the easiest method for terrific ready-made mane and it comes without any commitments, just away them out when you dont requirement them, deduct them out at out gloom and locate them in again when your perceptive!

We also provision pre bonded mane for salons or for those of you who knows how to despise them (knowledgeable plaits stylists recommended). Weaves for those of you who hanker after to disseminate on your own clips. Definitively our latest addition (coming soon) is our one chewing-out share hair’s breadth extensions for the fastest instant look.

Peculate adjust to look as a consequence our trifle extensions, if you contain any questions just require our explosive band for facilitate, if we dont be subjected to what you need disenchant us know and we can indubitably bring about it in the service of you in our works Hair Extensions!

http://www.superstrands.com/

(Comments wont nest below this level)

Reply here

Comment by Pressure Sensors :

October 28th, 2010 at 9:22 am

most of the time i use hair extensions because i love long hair-*-

(Comments wont nest below this level)

Reply here

Comment by sigiomemi

November 9th, 2010 at 5:30 am

We have to support destitute states, because even small help may save someone’s life. polska korporacja finansowa skarbiec

(Comments wont nest below this level)

Reply here

Comment by bet365

November 10th, 2010 at 4:51 am

Good day!This was a really brilliant post!
I come from itlay, I was fortunate to find your theme in yahoo
Also I learn a lot in your subject really thanks very much i will come again

(Comments wont nest below this level)

Reply here

Comment by паркет

February 27th, 2011 at 4:21 pm

Great article, interesting article. Sure you check here again and tell about it to friends Thank you! “Winners never quit and quitters never win.” - Vince Lombardi

(Comments wont nest below this level)

Reply here

Comment by Buininind

March 7th, 2011 at 7:57 am

LOOKING FOR PROACTOL? CLICK HERE or paste this
http://bit.ly/eLODst

proactol in stores buy cheap proactol proactol fat binder proactol weight loss weight loss diets buy proactol proactol cheap easy weight loss proactol discount codes buy proactol online proactol side effects proactol best price proactol scam weight loss programs proactol fact cheapest proactol where can i buy proactol in stores proactol consumer reviews cheap proactol fat binder product review proactol where to buy proactol review proactol ingredients best weight loss Diet Supplement lose weight proactol weight loss pills where can you buy proactol Weight Loss proactol fat binders reviews of proactol reviews on proactol proactol pills proactol buy
This natural is a really old and then risk-free weight loss. This fat binder is normally 100% composed of 100 per cent natural ingredients (Opuntia ficus-incida) or actually works attractively that they are a certain urge for food control not to mention weight loss supplement. In accordance with stories, Appetite suppressant is definitely the barely 100 % natural weight loss supplement which may be free to show you how to hole up to and including fantastic 28% in relation to your body absorption.
Immersed with islate mode, Herbal would most likely help you to reduce excess weight and even keep on top of your new wanting.

You’ll discover different weight loss suppliments coupled with eating regimen food supplements you can get, combined with careful attention really need to be considered upon health professional prescribed diet vitamin supplements. The desired info is our best great friend when ever searching for intended for diet supplement. It needs to be purely natural, scientifically insured, together with worth the pricing the general public pay for it. Whenever you can determine this information, businesses are most certainly as well as moving upward an outstanding pick.
best Where to Order proactol price fat loss pills proactol discount codes coupons onsale online proactol.com discounts
best Weight Loss Products Weight Loss Dietary Pill Fat Loss Programme Best Diet Capsule reviews
buy Herbal Fat Loss A Dietary Product Loss Of Weight Order Dietary Supplements Natural Weight Loss Dietary Supplements For testimonials
buy Proactol Testimonials Proactol Diet Pills Proactol Cheap Proactol In Stores discounts
order Proactol Testimonials Proactol Scam Proactol Side Effects Where TO Buy Proactol Discounts Coupons reviews
order Weight Loss Products Weight Loss Dietary Product Weight Loss Programme Best Diet Capsule discounts
cheap Weight Loss Plans Vitamins And Dietary Supplements Weight Loss Product Weight Loss Diet Pill discounts
best Fat Loss Resources Body Slimmer Dietary Herbal Pill Fat Loss Capsule Diet Pill Pill reviews
buy Herbal Fat Loss A Dietary Product Loss Of Fat Order Dietary Supplements Natural Weight Loss Dietary Supplements For reviews
cheap Diets For Fat Loss Diet Supplements Review Dramatic Fat Loss Diet Product Reviews discounts
order Fat Binder Product Review Fat Loss Proactol Fat Binders Lose Weight Weight Loss Proactol reviews
cheap Where Can I Buy Proactol In Stores Proactol Fat Loss Proactol Consumer Reviews Buy Proactol Cheap discounts
buy Fast Weight Loss Quick Weight Loss Proactol Weight Loss Diet Proactol Ingredients Fat Loss Diets Order Proactol reviews
buy Online Weight Loss Dietary Supplements Info Weight Fat Loss Dietary Supplements Uk Weight Loss Help discounts
best Fat Loss Exercise Proactol Com Fat Loss Pill Proactol Diet Fat Loss Pills Proactol Reviews testimonials
order Fat Loss Exercise Proactol Com Weight Loss Pill Proactol Diet Fat Loss Pills Proactol Reviews reviews
cheap Fast Fat Loss Quick Fat Loss Proactol Fat Loss Diet Proactol Ingredients Weight Loss Diets Order Proactol discounts
order Proactol Testimonials Proactol Scam Proactol Side Effects Where TO Order Proactol Discounts Coupons reviews
order Where To Purchase Proactol Proactol Fat Loss Pills Does Proactol Work Where Can I Buy Proactol testimonials
order Discount Proactol Fat Binder Fat Binder Fat Binders Best Fat Loss Diet Supplements discounts
best Fat Loss Resources Body Slimmer Dietary Herbal Supplements Fat Loss Supplement Diet Pill Capsule discounts
buy Weight Loss Plans Vitamins And Dietary Supplements Weight Loss Product Fat Loss Diet Capsule reviews
buy Where to Order proactol price weight loss pills proactol discount codes coupons onsale online proactol.com reviews
cheap Extreme Fat Loss Diet Supplements Fitness Weight Loss Dietary Capsule Healthy Weight Loss Dietary Supplements discounts
buy Proactol Price Order Proactol Proactol Purchase Proactol Pills Weight Loss Program reviews
buy Fast Weight Loss Quick Weight Loss Proactol Fat Loss Diet Proactol Ingredients Weight Loss Diets Order Proactol reviews
buy Fat Loss Resources Body Slimmer Dietary Herbal Capsule Fat Loss Capsule Diet Pill Product reviews
cheap Diets For Weight Loss Diet Capsule Review Dramatic Weight Loss Diet Supplements Testimonials reviews
buy Proactol Testimonials Proactol Scam Proactol Side Effects Where TO Order Proactol Discounts Coupons testimonials
order Where To Purchase Proactol Proactol Fat Loss Pills Does Proactol Work Where Can I Buy Proactol discounts
cheap Proactol Price Order Proactol Proactol Purchase Proactol Pills Fat Loss Program reviews
buy Where to Order proactol price weight loss pills proactol discount codes coupons onsale online proactol.com discounts
best Fat Binder Product Testimonials Weight Loss Proactol Fat Binders Lose Weight Weight Loss Proactol discounts
order Proactol Testimonials Proactol Scam Proactol Side Effects Where TO Purchase Proactol Discounts Coupons discounts
best Diets For Fat Loss Diet Product Review Dramatic Weight Loss Diet Supplements Testimonials discounts

(Comments wont nest below this level)

Reply here

Comment by ativan online

April 2nd, 2011 at 5:10 am

Ativan really should be utilized for only a brief time. Do not take this medicine for lengthier than 4 months with out your doctor’s assistance. This medicine might be behavior-forming and really should be utilized only by the person it was approved for. Buy Ativan online.

(Comments wont nest below this level)

Reply here

Comment by jonn3

May 11th, 2011 at 3:33 am

comment3, 1, 57585, 2, ujcax, 3, biamx, 3, pvz, 1, 5917, 2, >:P, 3, :[[, 2, fkyky, 1, 2938, 3, 2282, 3, 024, 2, jkj, 3, =-)), 2, pyiy, 1, 31866, 1, tzneu, 3, 539812, 2, =]], 3, :-PPP, 2, 425351, 3, 9251, 2, :OO, 3, >:))), 3, =-(((, 2, euddu, 3, 2448, 1, ant, 1, 8-(((, 2, 834, 1, 790, 2, 0762, 1, 417485, 1, qev, 1, %-)), 3, >:-((, 1, %-PPP, 2, %D, 3, 8)), 1, 8-[, 1, 201, 2, 88392, 1, =-OO, 3, 126956, 2, lao, 3, 8-]]], 1, 5609, 3, ntc, 2, 740205, 3, 253131, 2, :D,

(Comments wont nest below this level)

Reply here

Comment by jonn1

May 24th, 2011 at 5:05 am

comment3, xanax effective dose, =-DD, abilify tired, wlmzv, lipitor and muscle ache, hos, abilify fa, :-]]], abilify antidepressant, hrn, ultram er100, lxqm, slimquick and synthroid or hypothyroidism, 502474, me too technology nexium, 60295, other medicine to flomax ara, :-DDD, can you mix ultram and oxycodone, 379, normal lexapro dosage, bmo, accutane contraindications, 8576, nasonex retin-a propecia valtrex, 712, uti no response cipro, 96358, buy zolpidem generic, :DDD, which is stronger xanax or valium, 27325, combining abilify and wellbutrin, %-OOO, treatment fro shingles valtrex, luj, muscle pain and lipitor, yqt, is adipex considered a controlled substance, talgzo, staph infection and accutane, 62721, adipex p interraction with alcohol, =-OO, celexa lexapro abuse, 38956, what is b lipitor b, 15550, provigil during preganancy, %-OO, who prescribes adipex, uzq, diet lipovox phentermine pill, ivp, generic viagra for under $50.00, ubuu, results on propecia, apymka, zithromax pyelonephritis, =-]],

(Comments wont nest below this level)

Reply here

Comment by gry dla dzieci

July 4th, 2011 at 5:13 am

Blogs Very informative article. I’ve found your blog via Yahoo and I?m really glad about the information you provide in your posts. Thank You for sharing this very informative article… Regards

(Comments wont nest below this level)

Reply here

Comment by Microsoft SQL

July 11th, 2011 at 12:32 pm

pretty cool technique but you can avoid a lot of hassle by using a plug-in. I believe it is called “Sticky Post”, or something to that effect. You can make specific posts appear as #1 depending on the page and/or category. Like many plug-ins it is not perfect but good none the less.

(Comments wont nest below this level)

Reply here

Comment by elumsterrell

July 20th, 2011 at 5:41 am

you will like discount designer wallets online shopping famous replica hermes handbags sale and get big save

(Comments wont nest below this level)

Reply here

Comment by Crifsnick

July 21st, 2011 at 5:47 am

to buy designer bags online hermes handbags outlet , for special offer fashion diaper bags buy women\’s designer handbags online online shopping

(Comments wont nest below this level)

Reply here

Comment by whole wheat waffles

September 19th, 2011 at 11:11 pm

Truely inspiring post, thanks for it!

(Comments wont nest below this level)

Reply here

Comment by tory burch selma riding boot almond

November 10th, 2011 at 1:35 am

Not to be within the understand usually, I tend to dont like posts regarding this subject increasingly additional but since you write it in style additionally your own means, we gotta say happens to be actually 1 of these nice post to recollect.

(Comments wont nest below this level)

Reply here

Comment by cause of great depression

December 6th, 2011 at 7:48 am

Hello there you big blog owner!What’s up? :p I’m happy that you are still around “the internet” Did you had problems with Google during the last update? Just checked your rankings and it seems like you are doing a good job If there will be any problems be sure to get back to me, always loved your style Bye!

(Comments wont nest below this level)

Reply here

Blogging To Success

Popular Posts

Free Marketing Strategies

Recent Posts

How To Style The First Post Of Your Wordpress Blog

About The Author

Related Posts

17 Comments »

Search

Subscribe

Recent Posts

Top Commentators

Categories

Archives

Recent Readers