Today I researched a few integration options that I thought would interest other bloggers. One thing that I found that many bloggers are interested in integrating into their site is the Featured Article option.

Featured Article gives your site a professional appearance, and once you have created 3 or 4 posts under this area you will see the benefits of it.

Today I will introduce a few ideas on how to set up the featured article option and what plugins that should be used.

 

1. Simple Sticky Post in WordPress (Demo)

Simple sticky post is the simplest way to display featured articles in your blog. Typical way for the new bloggers, yet it is easy, simple and effective.

With this method, you can show (simple image, post title and post excerpt) from the selected category. Example as below.

www_freethemelayouts_com_blog

So how can we display this simple sticky post in our theme?

Follow these simple steps:

  1. To show featured post only in the home page, you can use the code below.
  2. [sourcecode language="css"]<?php if(is_home() !is_paged()): ?>
    <?php // Featured posts go here.
    include (TEMPLATEPATH . "/featured.php"); ?>
    <?php endif;?>

    [/sourcecode]

  3. Adding the new template where we can call the feature post from. Simply add the new template to your wordpress directory under the name ( featured.php ). This file will contain the featured post elements (Numbers, Category, Style, etc..).
  4. To add the code that shows the featured post content (featured post image – featured post title – excerpt – and the featured category). Look at the example code below.
  5. [sourcecode language="css"] <!– start Featured –>
    <?php query_posts("showposts=1&cat=6"); ?>
    <?php while (have_posts()) : the_post(); ?>
    <div id="featured">
    <div id="featured2">
    <div id="featurediv">
    <div class="epic">
    <a href="<?php the_permalink() ?>" rel="bookmark" title="Continue reading <?php the_title(); ?>"><img src="<?php $values = get_post_custom_values("Thumbnail"); echo $values[0]; ?>" alt="Continue reading <?php the_title(); ?>" /></a>
    </div>
    <div class="etext">
    <div class="ehead">
    <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Continue reading <?php the_title(); ?>"><?php the_title(); ?></a></h2>
    <div class="entryinfo"><?php edit_post_link(‘Edit’, ”, ‘ |’); ?> Posted by <strong><?php the_author(); ?></strong> on <?php the_time(‘d M Y’); ?> under <?php the_category(‘, ‘) ?> | <?php comments_popup_link(’0 Comments’, ’1 Comment’, ‘% Comments’); ?>
    </div>
    </div>
    <div class="post">
    <?php the_excerpt(); ?>
    </div>
    </div>
    <div class="clearer"></div>
    </div>
    </div>
    </div>
    <?php endwhile; ?><!– end Featured –>[/sourcecode]

  6. You can change the number of sticky posts or featured posts from the code above, Also you can select the category where you can call posts from.

I would consider this the simplest way to show Featured article in WordPress blog.

 

2. Featured Content Gallery (DemoDownload)

www_featuredcontentgallery_com

Featured Content Gallery is the first plugin released for displaying sliding feature article in your wordpress blog. It creates an automated sliding gallery with latest featured articles added to your site. It is based on one sliding gallery with two arrows in the sides that allows visitors to rotate between different featured posts.

Finally, A very powerful back-end for user to change the option of the sliding gallery (width, height, color, etc.).

Features:

  • Single category only supported.
  • Height, Width and Text Overlay values can be configured.
  • Can be displayed on the WordPress Blog by using one line php statement.

 

3. D13Slideshow (Download)

d13slideshow

D13Slideshow plugin is another wordpress plugin to display featured posts in your blog. It creates an animated slide-show of maximum of 10 posts.

By inserting the code into your wordpress template you will be able to display the featured articles in a tasteful manner by using customized settings from the powerful admin backend that is offered. This plugin is different from other plugins in using the prototype and scriptaculous JavaScript libraries.

Features:

  • The ability to select posts by drop-down or text entry.
  • Improved HTML and CSS.
  • Improved support for Internet Explorer.

 

4. J Post Slider (DemoDownload)

serie3_info

J- post- slider plugin designed to show feature post in fancy appearance in j-qurey box. Sliding images with Excerpted text to overlay it in many different positions, Mouse-over stop the animation.

A powerful back-end where you can change the slider setting, colors, opacity, rotating time etc.

Features:

  • Choosing Number of featured articles.
  • Post order ( latest , random , Oldest ).
  • Images for animation box.
  • Rotating time and speed.
  • Post excerpt.
  • Select the featured category.

 

5. Featured articles plugin for WordPress (With Moo Tools) (DemoDownload)

www_php-help_ro

Featured Article Plugin With Moo tools is designed to give wordpress special appearance with sliding-show and navigation between featured articles.

This plugin is different from the others as it contains dot like navigation where you can select specific post instead of clicking next and previous.

It features a powerful Admin back-end where you can control the following;

  1. Number of featured articles to display.
  2. The order in which they will appear.
  3. The plugin Always calls the first image from the Featured post if there.

Features:

  • Add Featured Post Section Title.
  • Limit the number of character For description.
  • Featured Articles Number To display.
  • The display order (Random, New, old).
  • Thumbs Display.

 

6. WordPress Featured Content Slideshow (DemoDownload)

www_iwebix_de

I consider this plugin to be one of the best wordpress plugins to use for displaying featured article in your blog. It shows up to five featured posts in very awesome slide-show appearance (You can see the Demo Link Above).

On the left side of the slide-show it displays an image for every post while on the right side, there are all the titles (and a small description under the title) of the Posts.

The slide-show highlights the active post and repeats automatically after getting to the 5th-Post.

You have a strong administration area to adjust the category,the number of posts, the width and height, and colors.

Features:

  • Titles and small description for every featured post.
  • Navigation possibilities (when hitting a Title the Image appears).
  • An image for every different featured post.
  • A powerful administration back-end for posts and styles of the slide-show.
  • Java-script effects.

 

7. Featured Content Slider For WordPress (DemoDownload)

www_iwebix_de_featured-content-slider

Wp Featured Content Slider Similar to simple featured post as previously explained above. However, it has a nice java-script slide-show/slider for wordpress. It can be integrated anywhere on your Blog/Website.

Based on calling specific post (excerpts) from the selected category, adding post image thumbs beside it in a way that looks very nice.

Features:

  • Featured Posts with (excerpts).
  • A nice Image next to the Text (Selected Via Custom Field).
  • An Administration Setting for Category and Post Items.
  • A Java script / css Effect when sliding to another Post.
  • Arrows for navigating through the Posts.

 

8. Featured Content Slider Using (jQuery)

FeaturedContentSliderjQuery

This tutorial will show you how to add sexy featured content slide-show to your wordpress site using jQuery UI library.

Click here for tutorial

 

9. Slick Auto-Playing Featured Content Slider

fc-preview

Based on Coda slider Jquery Plugin. Simple Easy and beautiful.

Click here for tutorial

 

10. Easy Image with Content Slider (Demo)

EasySliderjQuery

Easy image with content slider enables images to slide with nice appearance based one JavaScript and css.

This tutorial will show you how to add easy image slider to your wordpress blog with simple instructions .

Click here for tutorial

 

Some awesome example websites with featured articles layout for your inspiration:

WParchive.com

wparchive_com

 

WpElites.com

wpelites_com

 

NaldzGraphics.net

naldzgraphics_net

 

CSSJockey.net

www_cssjockey_com

 

Glow theme from Elegant themes

www_elegantthemes_com_preview_Glow

 

Web2Today.com

web2today_com

Author:

Hey , I'm Ahmed 21 years old , studying medicine and Egyptian :-p I'm in love with wordpress . Finally I'm Founder of WpArchive.com

81 Comments

  1. Very Nice Article

    I love 6. WordPress Featured Content Slideshow Ill try to integrate it in my blog

  2. I liked the article very much. Especially the Easy Slider jQuery plugin

  3. Thanks for the list!
    I’ve been thinking about adding such a feature on my blog and your post is right what I needed.

  4. Nice list .. All are worth trying

  5. I used to use Featured Content Gallery. But I was bored for a while. Now I’m here, I didn’t know there are many other ways to do this thing. I’ll give them a shot to see which one which perform best to my site. It’s a nice list Ahmed:-)

  6. Congrat.. Ahmed

    thanks a a lot for the great article , I like it so much and be very happy to know that you egyptian too like me :)
    Keep going bro ..

  7. @ Husien Thanks So Much buddy

  8. Hello I found this webpage by chance, I was flipping through for New Designer Fashion when I found your blog, I must say your blog is very intriguing I truely think the content, its astounding!. I don’t have the time in this instance to totally browse your site but I have saved the location of it and also signed up for your RSS feeds. I will be back when I free up some time. Bravo for a great website.

  9. Nice list ..

  10. These are really nice 10 techniques to display the articles in word press theme.

  11. Your blog is superb. Good work!

  12. Thanks, i recent discover this site, i like..thanks

  13. Thanks for your interesting infor and tips.

  14. thanks for sharing featured article informations

  15. waaaaaaaaaw
    This is amazing topic
    i need it
    thanx alot

  16. All of them are nice plugin :)
    .-= adsl viettel´s last blog ..Khuyến mãi Adsl Viettel tháng 6 – 7 – 2010 =-.

  17. One of the interesting features of the WordPress widget is the fact that is open source so improvements are to be expected. It works on both WordPress blogs and other sites that use the WordPress engine. Now travelers do not need to worry about the need of switching to a WordPress hosting or vice-versa just to get the widget to work.
    .-= Marketing and Advertising´s last blog ..Company Logos =-.

  18. Nice list of techniques to display featured articles… anyway, my favorite is J Post Slider. I think it’s sleek and easy to use.

    Good stuff. :)
    .-= Jasmine´s last blog ..Weebly Free Web Hosting Review =-.

  19. Nice 10 techniques to display the articles in word press. Thanks…

  20. What I am looking to do is similar. I am looking to have a static page as well as the blog appear on the main page of my wordpress site. Right now going to the settings section will only allow me to do one or the other. any feedback would be appreciated.

  21. “J Post Slider” is a hot concept for our blog! Thanks a lot for the good article and the facts about info sharing!

  22. You’re appropriate: keywords and phrases with out impressive content friendly design, means nothing at all. I’m at the starting in Inbound Marketing and discover your write-up quite quick and concise. Thank you!

  23. u really got a nice collection..keen to add any one of them to my site!

  24. http://good-trip.com.ua/wp-content/themes/good-trip-Pmag/images/n_header_right_foto.jpg Сайт о горнолыжном туризме, у нас вы найдете статьи о зимном отдыхе. Окунетесь в мир туризма.

  25. What I am looking to do is similar. I am looking to have a static page as well as the blog appear on the main page of my wordpress site. Right now going to the settings section will only allow me to do one or the other. any feedback would be appreciated.

  26. “J Post Slider” is a hot concept for our blog! Thanks a lot for the good article and the facts about info sharing!

  27. Nice 10 techniques to display the articles in word press. Thanks…

  28. Nice themp good
    thanks you

  29. Edfort wasn’t able to mount another charge as the two halved the next two holes and Beirne walked away with a 3 & 2 victory.

  30. you should fix your Subscribe To Our cause its hovering over newsletters. good luck.

  31. I like the great blog,and I like the abercrombie and fitch outlet too.I hope

    you can come to my blog abercrombie & fitch outlet to have a look,you may find

    a lot of cheap and beautiful things in our online store.

  32. This is a great content, I’m so glad that I’ve found this high quality blog!

  33. nice theme
    wpwebhost up good

  34. this one is nice …. very good themes

  35. Thanks for the great info. Trust me i was looking for featured box but in here i got that link of moo tools :D thanks alot

  36. Ugh, why is it so hard to find a simple plugin that depicts picture boxes of featured articles as a gallery? Everything on here has flash. I just want something simple and static. Does anyone have any advice?

  37. cool collections for wordpress features posts
    Thanks

  38. Sweet theme this one is!

  39. awesome tips and tricks recommended for all word press bloggers

  40. Great list dude..

  41. Awesome list of featured plugins…

  42. Great Posts, Thank for Sharing

  43. Thanks for the great info. Trust me i was looking for featured box but in here i got that link of moo tools :D thanks alot

  44. are these faster loading themes? i have started a latest apple news blog and i need themes which load faster

  45. awesome plugin collection for wp content i ever seen

  46. I have experimented some of them on my site. Even it work well for the newbies. Thanks!

  47. Thanks for your time featuring these great Feature Articles for WordPress.

  48. Thanks for the collection. I was really searching for some featured slider for my blog. ;)

Trackbacks/Pingbacks

  1. Featured articles -methods « Linkedin China Web Hosting in China - [...] Share this on Technorati Share this on Mixx Post this to MySpace Submit this to DesignFloat Subscribe to the …
  2. What is Lyme Disease? | Khyam Tent - [...] 10 Techniques To Display Featured Articles in WordPress Blog … [...]
  3. Purchasing a Site | Khyam Tent - [...] 10 Techniques To Display Featured Articles in WordPress Blog … [...]
  4. Nervous About Camping Security: What Can You Advise? | Khyam Tent - [...] 10 Techniques To Display Featured Articles in WordPress Blog … [...]
  5. Recommended Links for June 17th | Alex Gamela - Digital Media & Journalism - [...] Alexandre Gamela shared 10 Techniques To Display Featured Articles in WordPress Blog | WPWebHost. [...]
  6. Statische Inhalte und letzten 5 Artikel auf Wordpress Startseite anzeigen - Seite 2 - [...] Thema! Noch nicht selbst getestet, aber schau mal: 10 Techniques To Display Featured Articles in WordPress Blog|WPWebHost How To …

Leave a Comment

Feedback Form
Customer Feedback