Display RSS Feeds Anywhere

Display an RSS Feed in a WordPress Page, in the Sidebar, or anywhere!This plugin lets you add multiple feeds to any page(s) of your site, to your sidebars, and even add them to your footer, header – where ever you like!

Here are some of the features included:

  • Easy to follow instructions and examples in the plugin.
  • Display as many RSS feeds to the sidebar as you like.
  • Display up to 10 RSS feeds to a single page.
  • Display as many different RSS feeds on different pages as you like.
  • Add the code to display RSS feeds in your header, footer, or wherever.
  • Elements fully classed for easy access to CSS styling in your style.css file.

Instructions
The plugin is designed to be simple to use. For those who like step-by-step instructions, this section is for you:

Installation
View the installation instructions (at the top of the right side-bar on this page).

General Instructions
These instructions explain how to put the RSS feed ANYWHERE on your WordPress site.

To display an RSS feed in a page, simply enter one of the following tags in your Page:

Full example:

[DISPLAY_RSS_FEED url==http://www.the-rss-feed-url.com, limit==4, title==My RSS Feeds Title]
Simple example: [DISPLAY_RSS_FEED url==http://www.the-rss-feed-url.com]

It looks more complicated than it is! Just remember these pieces:

  • The base [DISPLAY_RSS_FEED tag tells it to display the feed
  • The url== portion tells it which feed to read (NOTE: the double equals signs == are required!)
  • The limit== portion tells it the maximum number of entries to display
  • — The title== portion tells it to display a title, and what the title is.

Displaying multiple rss feeds is simple. For example, enter the following onto a page:

[DISPLAY_RSS_FEED url==http://googleblog.blogspot.com, limit==1, title==Google RSS Feed]
[DISPLAY_RSS_FEED url==http://feeds.dilbert.com/DilbertDailyStrip, limit==1, title==Dilbert Cartoon]
[DISPLAY_RSS_FEED url==http://content.usatoday.com/marketing/rss/rsstrans.aspx?feedId=news1, limit==3, title==USA Today.com Top Headlines]

Would result in the page displaying the latest Google RSS feed item being listed, followed by a Dilbert Cartoon below it, and finally followed by the latest 3 USA Today headlines. (Note that there is a 10 feed limit).

In The Sidebar
To display an RSS feed in a sidebar, just view your widgets (over there on the left, under Appearance). Add the “Display RSS Feeds Anywhere” widget to the desired sidebar(s), enter the Title, URL, and max entries to display, and it will display the RSS feed in your sidebar.

And, it’ set up so you can add the widget to the sidebar as many times as you like, so you can display as many feeds as you want in your sidebar!

In Your Footer, Header, or…
Finally, if you want it in your header or footer, you can call it using a bit of PHP. Simply edit your header or footer template file, and add the following code:

<?php dra_display_rss_feed("url==http://googleblog.blogspot.com, limit==1, title==Google RSS Feed"); ?>

Replace the url with the feed of your choice, the limit with the number you’d like to show, and the title (if appropriate).

Styling
All of the styling can be done via css in your style.css file by adding or accessing the div.display_feed class. Within each feed div you can style (formatting, hide, etc) each element:
the date (p.feed_date), the title (h4), and excerpt (p.feed_excerpt).

Example:

(NOTE: Your theme may use completely different id’s and classes than this example, so if they don’t work, my apologies. Just a working example to illustrate how to access the different elements!)

/* put a small light border below each feed entry, align left */
#content div.display_feed {
border-bottom: 1px solid #888888;
text-align: left;
}

/* ensure there's not too much spacing between paragraphs */
#content div.display_feed p {
margin: 5px 0;
}

/* many feeds show a tracking image, be sure no borders, etc */
#content .display_feed img {
border: none;
padding: 0;
}

/* style the title */
#content .post div.display_feed h4 {
margin: 10px 0 0 0;
}

/* the title contains a link - style it also */
#content .post div.display_feed h4 a {
color: #4e6ea9;
font-size: 12pt;
text-decoration: none;
margin: 0;
padding: 0;
}

/* style the date paragraph to look a bit nicer */
/* get specific to be sure over-ride any previous p styles set */
#content .post div.display_feed .feed_date, #content div.display_feed .feed_date {
font-style: italic;
font-size: 8pt;
margin: 0 0 10px 0;
padding: 0;
}

/* apply a different style to the sidebar feed */
.sidebar .display_feed {
width: 275px;
margin: 10px auto;
}