Build a Featured Posts Section for WordPress

Jul 31st in Wordpress by Dan Harper
WordPress is awesome. Even more awesome is the fact that it can be customized to power any type of site you like! Here, we'll be learning how to create a featured and "latest posts" section - easily a 'must-have' for all good News/Magazine themes. We'll also go over using the 'Custom Fields' to their fullest potential.
PG

Author: Dan Harper

This is a NETTUTS contributor who has published 11 tutorial(s) so far here. Their bio is coming soon!

Introduction

This tutorial covers process of creating the index page of a magazine/news theme for WordPress. The main features of this page will be:

  • Featured Posts.
  • Latest Posts.
  • Using PHP Variables for easy customisation of the above for users of your theme not familiar with PHP/WordPress.
  • Retrieving a post image from the ‘Custom Fields’ section of a post.

Step 1 - Preparation

From your WordPress installation directory, browse through ‘wp-content/themes’ and create a new folder. Name it how you wish (I’m using ‘WordPress Times’). Next, create 5 new files:

  • index.php
  • header.php
  • footer.php
  • style.css

This is the basic layout we’ll be going for:

So a 940px document, with two sections:
Content at 600px & Sidebar at 300px – leaving 40px margin between the two.

Step 2 - Header

Open your header.php file, and insert the following:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<meta name="description" content="<?php bloginfo('description'); ?>" />
	<meta name="keywords" content="<?php bloginfo('name'); ?>" />
	<meta name="author" content="<?php bloginfo('name'); ?>" />
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, projection" />
	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	<title><?php bloginfo('name'); ?> <?php wp_title('-'); ?></title>
    <?php wp_head(); ?>
</head>
<body>
<div class="container">
    	<h1 id="header"><?php bloginfo('name'); ?></h1>

Running through this, we first define the DOCType as XHTML 1.0 Transitional. In the head section we then set all the meta tags, stylesheet and page titles to be retrieved from WordPress; and we include our 3 JavaScript files.
Finally, we open a ‘container’ division, and insert our blog’s name as a header title.

Step 3 - 'Breaking News' Posts

We will be including a user-defined number of posts from a ‘Breaking News’ category at the top of our page. Open index.php and type the following, don’t worry, I’ll explain it all below:

<?php get_header(); ?>
<div id="content">

<?php global $more;
$more = 0; ?>

<?php

/* ID of your 'Breaking News' Category */
$breaking_cat = "83"; 

/* How many posts from above category to display? Default = 3 */
$breaking_num = "3"; 

/* Number of recent posts to display under the Breaking News */
$latest_num = "4";
 
/* IDs of any cats you dont want to include in Recent posts.
Start each ID with a 'minus' symbol Seperate by a comma.
EG: $latest_ignore = "7,-6,-8,-1";
Posts from the 'Breaking' category are automatically excluded. */
$latest_ignore = "-1"; 
?>

	<!-- Show x Posts from Breaking News -->
	<?php query_posts('showposts='.$breaking_num.'&cat='.$breaking_cat.''); 
	  while (have_posts()) : the_post();
	?>

    <div class="breaking">

    	<img src="<?php echo get_post_meta($post->ID, 'thumbnail',true) ?>" alt="Post Image" class="postimg" />
    	<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
    	<p class="datetime"><?php the_time('l, F j, Y G:i'); ?></p>
    	<?php the_content('Continue...'); ?>
    	<div class="postmeta">
            <p><?php the_category(', '); ?> - <a href="<?php the_permalink() ?>#commenting" title="View Comments">
	    <span class="comm"><?php comments_number('0 Comments','1 Comment','% Comments'); ?></span></a></p>
        </div><!--/postmeta-->
        
    </div><!--/breaking-->

    <?php endwhile; ?>

3.1 - Opening

<?php get_header(); ?>
<div id="content">

The first line is a simple WordPress PHP function to include our header.php file first. Below that, we open our ‘Content’ div to wrap all the posts together. I have included a HTML comment at the closing of every div tag stating which div it is closing. I highly recommend that you start doing this in your own projects if you don’t already, as it helps keep your code as organized as possible.

3.2 - The $more tag

<?php global $more;
$more = 0; ?>

This code allows us to only include part of each post up to where the author has included the <--more--> tag – this stops all the text in long posts from displaying on the homepage.

3.3 - Category IDs

$breaking_cat = "83"; 
$breaking_num = "3"; 

$latest_num = "4"; 
$latest_ignore = "-1";

In order to make customizing the theme easier, we include any options here. Each line is commented to further. We do this so that if someone else uses your theme - instead of having to crawl through all your code to find where to put their category IDs - they are all easily accessible at the top of the file. Throughout this tutorial, we will be using these variables in the WordPress loop.

3.4 - Do we have Posts?

<?php query_posts('showposts='.$breaking_num.'&cat='.$breaking_cat.''); 
  while (have_posts()) : the_post();
?>

This is a variation of the WordPress loop that outputs our posts from the database. As you can see, we are using the first two of our variables from the section above. The variables substitute themselves with the string associated with them. For example, using the default code, the line would automatically become:

query_posts('showposts=3&cat=83')

The second line then says, if we have the posts then insert them into the page in the format outlined below.

3.5 - Post Content

<img src="<?php echo get_post_meta($post->ID, 'thumbnail',true) ?>" alt="Post Image" class="postimg" />

<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>

<p class="datetime"><?php the_time('l, F j, Y G:i'); ?></p>

<?php the_content('Continue...'); ?>

This isn't as scary as it looks, trust me.

  • Image - On our homepage preview, you will notice that each post has its own image. This is included using WordPress’ “Custom Fields” section when writing a post. Simply set the ‘key’ to thumbnail then insert the link to the image:
    The code essentially says “Take the data from the post’s custom field named ‘thumbnail’ and stick it into an img tag.”
  • Title - This inserts our post title as a link in between h2 tags. the_permalink() gets the post’s link, and the_title() retrieves the title. Pretty simple, huh?
  • Date & Time - Here, we get the time the post was made, in the format of: l, F j, Y G:i – or in English: Day, Date, Year Time (eg. Saturday, August 2, 2008 14:27).
  • Content - Retrieves the post’s content up to the (thanks to the code we included earlier). ‘Continue...’ is the text displayed at the end of the post. Customise this however you like.

3.6 - Post Meta

<div class="postmeta">

<p><?php the_category(', '); ?> - <a href="<?php the_permalink() ?>#commenting" title="View Comments">

<span class="comm"><?php comments_number('0 Comments','1 Comment','% Comments'); ?></span></a></p>

</div>

This retrieves the category(s) the post is from. If there’s more than one, they will be separated by commas. A link to the comments section, and the number of comments in the article is then retrieved.

</div> <!-- /breaking -->
<?php endwhile; ?>

This simply closes the "div.breaking" that our post was in; and then closes the loop once it is done.

Step 4 - Latest Posts

Below our three ‘Breaking News’ posts, we will include a user-specified number of latest posts, while ignoring any posts from the ‘Breaking’ category, and any of the other user-specified categories to ignore. We'll add the following to the bottom of our current code:

<!-- Show x Latest Posts -->
<?php query_posts('showposts='.$latest_num.'&cat=-'.$breaking_cat.','.$latest_ignore.''); ?>
<?php while (have_posts()) : the_post(); ?>


<div class="recent">

    <img src="<?php echo get_post_meta($post->ID, 'thumbnail',true) ?>" alt="Post Image" class="postimg-s" />
    <h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
    <p class="datetime"><?php the_time('l, F j, Y G:i'); ?></p>
    <div class="postmeta">
        <p><?php the_category(', '); ?> - <a href="<?php the_permalink() ?>#commenting" title="View Comments">
	<span class="comm"><?php comments_number('0 Comments','1 Comment','% Comments'); ?></span></a></p>
    </div>

</div>


<?php endwhile; ?>

4.1 - The Loop

  • showposts='.$latest_num.' - Tells the loop to only display the number of recent posts the user has specified in the ‘$latest_num’ variable.
  • cat=-'.$breaking_cat.','.$latest_ignore.' - This instructs the loop to ignore (note the ‘minus’ symbol we require the user to use in the variables) posts which are in the ‘Breaking’ category so as not to duplicate any posts; and also to ignore posts from any of the categories which the user specifies in the ‘$latest_ignore’ variable.

The rest of it is self-explanatory and the same as the Breaking News feature. A few differences are the lack of the ‘content’ section from each post, and also the post image is given the class of ‘postimg-s’ instead. This will allow us to only require one thumbnail image – which we will then size down in our CSS from 200x200 to 50x50.

4.2 - Closing the page

In order to end the current page, we need to close the div#content and include our footer:

</div><!--/content-->
<?php get_footer(); ?>

4.3 - Footer.php

In this file, simply close the #container, body and html tags:

</div><!--/container-->
</body>
</html>

Step 5 - CSS Styling

Right now, if you’ve created some posts, your design should look something like this:

Pretty ugly, eh? Well not for much longer.

5.1 - Necessities

Open up your style.css file and paste in the following code:

/*------------------------------------------------------------------------
Theme Name:    WordPress Times
Theme URI:     http://www.vivawp.com/
Description:   A tutorial for NETTUTS.com by Dan Harper
Version:       1.00
Author:        Dan Harper
Author URI:    http://danharper.me
------------------------------------------------------------------------*/

This is required at the top of this file, as it gives the Theme Manager in WordPress some information about your theme. Fill in the sections in it as you like.

5.2 - Styling

Below is all the CSS code used for styling the document. It is documented below.

* {margin:0;padding:0;}

body {
background-color: #faf9f5;
color: #3d3d3d;
font-size:75%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#container {
width: 940px;
margin: 15px auto;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
}

/* BLUEPRINT CSS TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
/* /BLUEPRINT CSS TYPOGRAPHY */

h1#header {
margin-bottom: 20px;
}

#content {
width: 600px;
float: left;
}

.breaking, .recent {
padding: 10px;
border: 1px solid #3d3d3d;
margin-bottom: 15px;
}

.postimg {
float: right;
width: 200px;
height: 200px;
padding-bottom: 10px;
}

.postimg-s {
float: right;
width: 50px;
height: 50px;
padding-bottom: 10px;
}

.breaking h2 {
font-size: 2.5em;
line-height: 1em;
margin-bottom: 0px;
}

    .breaking h2 a, .recent h3 a {
    text-decoration: none;
    color: #3d3d3d;
    }
    
    .breaking h2 a:hover, .recent h3 a:hover {
    text-decoration: underline;
    }

p.datetime {
font-style: italic;
font-size: 0.9em;
}

/* POST META */
.postmeta {
margin: -10px;
padding: 4px;
background-color: #dedbd1;
clear: both;
}

    .postmeta p {
    margin: 0;
    padding-left: 6px;
    text-transform: uppercase;
    font-weight: bold;
    }
    
    .postmeta span.comm {
    font-weight: normal;
    }
    
    .postmeta a:link, .postmeta a:visited {
    color: #3d3d3d;
    text-decoration: none;
    }
    
    .postmeta a:hover, .postmeta a:active {
    text-decoration: underline;
    }

#sidebar {
width: 300px;
margin-left: 620px;
}

5.3 - Examining the CSS

  • * - Removes un-wanted margins and paddings from all elements that browsers insert themselves.
  • body - Basic page styling of colours and fonts.
  • #container - Sets the page width to 940px. 15px margin at the top & bottom, and centres it in the window.
  • h1, h2, h3, h4, h5, h6 - Heading fonts to Georgia, Times New Roman, Times or any serif font.
  • Between Blueprint comments tags - Basic typography styling from the Blueprint CSS Framework. Saves a lot of hassle with getting text to look nice.
  • h1#header - Adds a bit of separation from the Blog name, and the rest of the document.
  • #content - All our content is wrapped in 600px on the left. The remaining space can be used as a sidebar.
  • .breaking, .recent - Includes Breaking and Recent posts in a box with 10px padding. 15px gap between each one.
  • .postimg - Formats the Post's Image for Breaking articles. Image size limited to 200px and floated right.
  • .postimg-s - Same as above, but for Latest articles and the image is resized to 50px.
  • .breaking h2 - Makes title of Breaking articles smaller, with no bottom margin.
  • .breaking h2 a, .recent h3 a - Basic styling for titles of articles, hiding the default link style.
  • .breaking h2 a:hover, .recent h3 a:hover - Adds an underline to title link when hovered over to show the user it is in-fact a link.
  • p.datetime - Date & Time string for articles made slightly smaller, and in italics.
  • .postmeta - Creates box to include the Post Meta details (categories & comments). margin -10px ensures it fills the whole of the posts box.
  • .postmeta p - Text in postmeta div is made uppercase and bold.
  • .postmeta span.comm - Removes the bold styling for the "x Comments" text.
  • .postmeta a - Link styling to remove default link colour.
  • .postmeta a:hover - Adds underline to links on hover.
  • #sidebar - Creates an area for a sidebar down the right side of the page.

The page will now look like this. Much cleaner!

Conclusion

Congrats. You have successfully created the basics for the front page of a news theme for WordPress, complete with a Featured post area – a ‘must-have’ when it comes to News themes. You can also stay ahead of the competition with your easy customisation options using the PHP variables.

Look out for the launch of vivaWP – a new family of Premium WordPress themes coming mid-August. Our first theme, CocoaNews, shares some of the basic code shown throughout this tutorial.


Related Posts

Check out some more great tutorials and articles that you might like

Enjoy this Post?

Your vote will help us grow this site and provide even more awesomeness

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Taylor Satula July 31st

    Havent Read But Looks Cool Reading tonight

    ( Reply )
  2. PG

    James July 31st

    Not complaining but 50% of the tuts on the front page are for Wordpress!!

    Anyway… Nice tut Dan! :)

    ( Reply )
  3. PG

    Jeffrey Way July 31st

    Stay tuned James. We got some fun stuff coming along. …A nice AJAX tut and an interview with Eric Meyer is on the way.

    ( Reply )
  4. PG

    James July 31st

    Eric Meyer!? … How on earth did you manage that!?!!!!!! :D

    ( Reply )
  5. PG

    Chris Robinson July 31st

    Nice tut!

    I love all the WP tuts! But would like to see one on writing a custom plugin, maybe for instance an admin plugin that allows users to upload a logo via the plugin panel to be inserted into the template via an include.

    Just an idea, keep up the great work!

    ( Reply )
  6. PG

    Jonas July 31st

    Great one as always! It would be great if you could write a tuturial about how to highlight regular pages on a first page. That would really push Wordpress towards a real CMS.

    ( Reply )
  7. PG

    roger   July 31st

    Hi Dan, Thanks for the post is their any different solution than adding more in every post? can you cut off the post after a certain amount of characters?

    ( Reply )
  8. PG

    Yeaahh!! July 31st

    Thanks! Now I know how to make animated gifs!!! YEEEAAAAHHH!!!!

    ( Reply )
  9. PG

    BeyondRandom July 31st

    This is the same way mine works!

    Its great to see the inner workings and understand it!

    Thanks alot!

    ( Reply )
  10. PG

    Jonathan July 31st

    This is really great. Love the way you’ve included $latest_ignore into the loop.
    Side note: Eric Meyer!? Can’t Wait… ;-)

    ( Reply )
  11. PG

    Jeffrey Way July 31st

    @Jonathan – Well at least it is scheduled. But…you never know. Keep your fingers crossed!

    ( Reply )
  12. PG

    Jonathan July 31st

    Roger:
    You can write a function, or a few functions to do that… I created the_excerpt_headline with a character cut off of ?(I forget) and the_excerpt_short with 32 character cut off and the_excerpt_micro you get the picture. Just create a few functions then pasteecho strip_tags ( your excerpt function ) ; bla bla over the content more.
    How to create those functions – well it’s to long to go into in a comment box, so download Dessain free wordpress theme called box tube and open up his functions folder, and see how he did it. He really writes some great code. Well worth looking at for educational purposes.
    Hope that helps

    ( Reply )
  13. PG

    Jonathan July 31st

    Jeffrey:
    Fingers are crossed – and maybe a few toes too…
    Cheers

    ( Reply )
  14. PG

    insic July 31st

    it was really great, this one is very useful

    ( Reply )
  15. PG

    Braden Keith July 31st

    Blah.

    Design – sucky. But wordpress elements – awesome.

    Keep ‘em coming, now that I have a WP blog I don’t mind. lol.

    ( Reply )
  16. PG

    Shane August 1st

    @James I guess nettuts.com has more swing than some of us thought. Looking forward to the Meyer interview.

    @Braden The design’s easy enough to change – these poor tutorial writers – can never do anything right ;)

    ( Reply )
  17. PG

    Clemson August 1st

    I love the wordpress tuts. Nice job and keep ‘em coming.

    ( Reply )
  18. PG

    Craig Farrall August 1st

    That is an excellent tutorial, and exactly what I am after for a new project that has arisen, great work.

    ( Reply )
  19. PG

    James August 1st

    wtf happened to the “talkative users” section in the footer! … It’s done this before… grrr

    ( Reply )
  20. PG

    Ben Griffiths August 1st

    Interesting article, many thanks :D

    ( Reply )
  21. PG

    roger   August 1st

    @Jonathan Thanks will give that a try!

    ( Reply )
  22. PG

    Tom August 4th

    Not bad, there are many ways to create featured posts, this is one of the best.

    ( Reply )
  23. PG

    fredjaillet August 5th

    Very good article…!!! thanks… visit my ultimatum Theme for Wordpress…

    ( Reply )
  24. PG

    Mayooresan August 5th

    Wow.. Awesome.. Wonderful post.. We can fine tune WP to any extend. Thatz why I love it.

    ( Reply )
  25. PG

    Gio August 7th

    Thank you for sharing! I’m currently working on an online magazine project and this will be perfect.

    ( Reply )
  26. PG

    James August 7th

    This will surely be useful for the future.. thanks! :)

    ( Reply )
  27. PG

    genaro August 12th

    Nice tut!
    Very useful, thanks!

    ( Reply )
  28. PG

    Taira August 13th

    Amazing! Just what I’ve been trying to learn how to do: display a set number of post from selected categories in a ‘Page’. Thank you so much!

    ( Reply )
  29. PG

    Fredrik Sørlie August 13th

    Good topic, but I really don’t see any advantage by doing this when you can just use the query_post alone. Use the offset attribute in the query_post and there’s no need for a separate Braking News category at all… But thanks anyway :)

    ( Reply )
  30. PG

    Gargron August 22nd

    This post is great, i’m using this tutorial right now!

    I have a suggestion: the excerpt are great, if they show plain text. But what to do if there’s a list, a table or many paragraphs? So I wrote a small function repairing the default WordPress excerpts:

    function repair_excerpt() {
    ob_start(); ?>

    <?php $to_repair = ob_get_contents();
    ob_end_clean();
    $bad_tags = array(”", “”, “”, “”, “”, “”, “”, “”, “”);
    $repaired = str_replace($bad_tags, “”, $to_repair);
    echo $repaired;
    }

    Then you just need to replace the_excerpt(); with repair_excerpt();

    ( Reply )
  31. PG

    Anthony Bruno August 31st

    This seems cool, but what happens if you have a post with no image at all?

    ( Reply )
  32. PG

    sapien1980 September 3rd

    good post! thanks :)

    ( Reply )
  33. PG

    Pie September 4th

    I love you tut so much. Thank you for your sharing. I’m so impress!

    ( Reply )
  34. PG

    Anonymous September 8th

    Good post. Thank you!
    –

    ( Reply )
  35. PG

    Kudungga September 11th

    thanks a lot for sharing. Good luck for you

    ( Reply )
  36. PG

    Rohan September 20th

    ok..i copied the code as is and made just minor changes (changed the number of posts from 3 to 1) in the breaking news section…but when i try to click on the story…the home page just refreshes…I am still trying to understand all the codings in wordpress…so sorry if i am missing something obvious here :(

    ( Reply )
  37. PG

    insic October 1st

    finally i managed to take some time for my blog, and this tutorial help a lot.

    ( Reply )
  38. PG

    yongming October 10th

    wov!!! very interesting tutorial. i love it.

    ( Reply )
  39. PG

    yongming October 10th

    this amazing tutorial! it is interesting for me to learn it.

    ( Reply )
  40. PG

    Newbie October 14th

    I’m so new at all this. First, how do I create the new files. Do I just go in to the back end wp-admin and make changes there or do I do something via FTP? I know, this may be a really dumb question but I’ve never worked with PHP stuff or any of this.

    I added all the stuff in the wp-admin > design > theme editor but looks liked it messed up everything.

    Thanks for your quick response.

    ( Reply )
  41. PG

    Hosting Reviews October 15th

    Great article here! A Great way to create featured posts.

    ( Reply )
  42. PG

    emoboy October 24th

    hy, Check out the pictures of my new emo hairstyle
    in http://xrl.us/ouog2

    ( Reply )
  43. PG

    stingermaan November 23rd

    Сетевой маркетинг в компании Oriflame – ежемесячный заработок 35000 руб. уже через 6-8 месяцев (при 3-х дневном рабочем графике).
    В США из всех миллионеров 20% добились успеха, работая в сфере сетевого маркетинга! Наверное, самый перспективный бизнес и неограниченные возможности. Вы можете как ПРОДАВАТЬ (и получать 30%-ную немедленную прибыль от заказа), так и ПРИГЛАШАТЬ новых людей к регистрации в Oriflame и, таким образом, обеспечить себе постоянно растущий заработок.
    В Oriflame зарабатывать приятно! Начните прямо сейчас!
    http://www.oriflameworld.ru/

    ( Reply )
  44. PG

    Fondos de Pantalla January 16th

    excelent tip!!!!!!!! u r the best!!!!!!!! greatings!!

    ( Reply )
  45. PG

    Ryan Geiger January 18th

    I need some help on this. I’ve implemented the breaking news feature into my home page, and whichever posts are in the “Featured” category show up just fine.

    My issue is that any content I type into the home page edit section doesn’t show up now. Any idea how to fix this. I need the featured post section up top, then the regular content I type in to show up below that. I guess the issue is because both use the caller?

    ( Reply )
  46. PG

    Ryan Geiger January 18th

    php the_content caller didnt’ show up in my last post.

    ( Reply )
  47. PG

    Sebass88 January 26th

    It would be great that somebody remake this article adding the same funccion but no with “breaking” cat but with the “sticky” of the WP 2.7!!!

    ( Reply )
  48. PG

    symbian user February 12th

    Great article. WordPress forever!

    ( Reply )
  49. PG

    Linda February 12th

    I downloaded the source and installed it on WP 2.7. Got a blank screen

    ( Reply )
  50. PG

    John Dangerous February 21st

    I’m such a noob but I have had a client project on hold longer than I care to mention because he wanted the pic to display to the left of a snipit of text and i couldn’t get it to look just right. I think that this will help me out. Thanks.

    ( Reply )
  51. PG

    PADI instructor March 4th

    Definatly worth a “digg” amazing what springs up when using google, all i did was type in “featured post for wordpress” and up popped this monster, its now in my favourites..thanks

    ( Reply )
  52. PG

    mthing March 23rd

    Testing gravatar. Oh and working on featured posts!! Thanks!

    ( Reply )
  53. PG

    Ted April 19th

    i’m using 2.7 and the text from my posts aren’t showing up. i’m getting everything else though. ideas?

    ( Reply )
  54. PG

    V.C May 18th

    I found your topic when I was looking for some ways to add feature in wordpress blog.
    It’s seem to be hard to do.
    Anyway, I’ll try my best.
    Thank for your post.

    ( Reply )
  55. PG

    doollaacice May 20th

    Super site. i will come back again:D

    ( Reply )
  56. PG

    плoxaя May 23rd

    Любопытно, а продолжение будет?

    ( Reply )
  57. PG

    нeвecтa May 31st

    Сенкс:) Классная тема, пишите чаше – у вас отлично получается :)

    ( Reply )
  58. PG

    Saffsam July 7th

    hi there I came across your tutorial in my hunt for a featured list post plugin.

    This is the only thing that is vaguely similar:
    http://www.pcworld.com/article/123719/top_10_pointandshoot_cameras.html

    Instead of it being printers I want it to be top 10 list of photos
    I’m trying to have a table with 3 columns
    column 1 – contains the image which links to my post
    column 2 – contains my post extrac which links to my post
    column 3 – contains the link which credit links to the original photo
    Any ideas on how to go about doing this?
    would really be grateful for any help
    Saff

    ( Reply )
  59. PG

    Olaf Ghanizadeh July 18th

    This does not seem to work in Wp 2.7 and later.

    ( Reply )
  60. PG

    ben September 4th

    glad to see some php tuts around tx

    ( Reply )
  61. PG

    Roy88 October 22nd

    I started to suck a little less anyway. ,

    ( Reply )
  62. PG

    Barbara38 October 23rd

    For many staff, this can be an eye- opening experience. ,

    ( Reply )
  63. PG

    SIku November 3rd

    I haven’t tried this yet but looks cool. Will be very helpful in my new blog design. Thanks for the super cool post.

    ( Reply )
  64. PG

    jurug November 4th

    wowww.. interesting.. thanks I have bookmarks

    ( Reply )
  65. PG

    yunne November 4th

    Thanks!! It was very useful your tutorial!!

    ( Reply )

Add Your Comment

( GET A GRAVATAR )
  1. Arrow
    Gravatar

    Your Name
    November 4th