web statistics

How To Create A Featured Post Section In Wordpress Without Any Plugins

Posted on June 17th, 2008 under Featured, Tips,Tricks and Hacks, Tutorials, WordPress
ADVERTISMENTS
Share |

You can see that I have recently changed my theme and also included a Featured Post Section, It took a lot of time for me to get it working coz of my little knowledge in PHP but with some trial and error I was able get it working.

I’ll show you how to get your featured Post section in your blog.So lets get started

STEP 1 : Create a Category “Featured” for your blog.

STEP 2 : Create a file “featured.php” in the theme folder.

<?php $my_query = new WP_Query(‘category_name=Featured&showposts=1′);
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID; ?>

<div id=”feature”>
<img src=”replace with featured post image.jpg“></img>
<h2 class=”post-title”>
<a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>”><?php the_title(); ?></a>
</h2>

<?php the_excerpt(); ?>
<?php edit_post_link(__(‘Edit’), ”, ‘ | ‘); ?>
<?php comments_popup_link(__(‘No Comments’), __(‘1 Comment’), __(‘% Comments’)); ?> | <a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>”><?php _e(‘Read full story »’); ?></a>
</div>

<?php endwhile; ?>

STEP 3 : Open ” index.php

Generally the first line would be the get_header(), if you want your Featured Post Section be right after the header , place this line right after that

<?php include (TEMPLATEPATH . ‘/welcome.php’); ?>

STEP 4 : Find this line

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

in the same index.php and place this next line right after the above line

<?php if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>

This does not allow the post to repeat itself in the regular posts below the featured posts thereby eliminating duplicates.

STEP 5: A bit of CSS , add this in your style.css

#feature{
width: 800px;
height: 132px;
float: left;
padding:20px 20px 20px 20px;
font-size:12px;
line-height:16px;
}

#feature img {

float: right; margin: 3px 5px 10px 0; backgroundr:#FFFFFF;

}

Hope this helps you get the Featured Posts up and running in your blog.

Another thing is that for the excerpt to be clean you need to explicitly  give an excerpt to the Excerpt Block in your Wordpress Advanced Options in the  Write Post Admin . The excerpt that you give in the excerpt is displayed on the Homepage.

NOTE : For the Featured post to work you need at least 1 post in your Featured Category.

Written by Avinash

Browse Tech Yard for the latest & interesting web applications, Freewares, Wordpress Tips, Firefox Hacks and Addons, Mobile Phones, Windows - Linux - MAC OS Tricks.

Stumble Digg Technorati Reddit Delicious


Related Posts

12 Responses to “ How To Create A Featured Post Section In Wordpress Without Any Plugins ”

  1. Joel Thomas says:

    For quite sometime now, I have been wanting to do this. Now it will help me. I have bookmarked this.

  2. Venkat says:

    @Joel Thomas: Feels nice that It helps you.

  3. Tech Updates says:

    Wow this is just awesome :) I will give a try for this one asap on my blog. Will need to take care about the coding changes i do on my theme because its already heavily customized!

  4. Silki says:

    That is a cool application. There is a section on my theme, which shows featured post, but I never tried to understand the code behind it.
    Stumbling.

  5. Venkat says:

    @Silki: Thanks for droping by my blog and thanks for the stumble.

  6. Iain Stubley says:

    Hey you helped me out with this one! Never knew how this could be done ..

  7. Jonas says:

    Hi!
    Great, just what I wanted.
    But what if I wanted 3 or 4 different featured posts sections? Perhaps one above the usual loop and one beneath it. Do I just copy and paste the code and changing the category name?

    Best regards
    Jonas

  8. Avinash says:

    Hi Jonas, you can try that out that should work.

  9. Jonas says:

    @Avinash: Great! I´ll try that. Just worrying to crash stuff. :)

  10. Avinash says:

    @Jonas you could try that on your local WP Installation before trying it on your live site.

  11. r_shahin says:

    [...] 2. Another one by TechYard.net [...]

  12. SS Senthil Kumar says:

    The exact post that i needed. Thanks Dude!



Leave a Reply

Subscribe to TECH YARD:

RSS

Grab the RSS feed for Free Updates!


subscribe

Get blog updates sent directly to your inbox by entering your email address above.



Recent Comments

Hi, thanks for the post, I am trying to modify this plugin to work on my sl...
It does not work with windows 7 please help...
I want to be able to pick and choose which applications are fetched during ...
hi this is good antiviruas soft...
Where can I find those input files? It doesn't say anywhere....
Very nice! Works exactly as described. Thank you!...
do you have any idea abt price???????...
Before I got my reliance connection, I have to search daily for free sms si...
I think we can find the Mobile operator using various online services also....
These all themes come for fre.. :O OMG this is hard to believe.. Thanks for...