Style Your Feeds With WP Feed Styler v1.0

Feed Styler Logo - Created by Brett Terpstra from Circle Six Design

Feed Styler is a WordPress plugin for WordPress users who are comfortable with CSS and would like to be able to style their feeds. Feed Styler enables you to keep your existing class and ID style declarations in your content, but allows a different style to be applied to the feed of that same content. No longer do feeds have to be stripped of style and color.

To download Feed Styler, please go to the Feed Styler plugin page.

Digg Feed Styler

Here’s a screenshot

Brett Terpstra from Circle Six Design provided a screenshot that demonstrates what Feed Styler can do.

Screenshot of a feed styled with Feed Styler

A little background

I was skimming through several posts in my feed reader when something caught my eye: an image was aligned correctly. As simple as aligning an image is, I had never considered what my blog posts actually looked like in a feed reader. I quickly added my blog into the reader and was ashamed. The images/text combination was horrid.

After a quick investigation, I came to the conclusion that in order to make images show up correctly in feeds, inline attributes must be used. In order to get images to show up correctly, the code had attributes such as width, height, and align. To my dismay, the code also had deprecated attributes (if using XHTML 1.0 Strict) such as vspace and hspace.

To solve the problem of deprecated tags and such, I began adding inline styles to my images. They showed up great. But I now had a new problem. What if I wanted to change the appearance of all my images? Furthermore, what if I wanted to change the appearance of something other than images in my feed? I could add inline styles to all my elements, but that negates any benefit that style sheets have to offer (and would make printer-friendly pages a pain).

I thought to myself that there must be a way to be able to generically label an element (with a class, or id name) and still be able to specify inline styles for a feed.

Try it out for yourself

Head over to the Feed Styler plugin page and try it for yourself. You’ll find all of the documentation there as well.

  1. By Ades posted on May 26, 2008 at 1:26 am
    Want an avatar? Get a gravatar! • You can link to this comment

    It’s unclear from the screenshot what the plugin does.

  2. By Lewis posted on June 28, 2008 at 5:11 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Wait a second, where are all the 297 comments this plugin should have?

    I used Feed Styler to good effect – it turned what was an abomination in a reader to a more palatable abomination (palatable enough to live with). However, my site has two main feeds (one for all posts, and one for original content only).

    Feed Styler handles the default feed (all posts) but doesn’t affect the original content feed (which is kept hidden from the FeedSmith plugin via Feed Wrangler and then linked up with its own FeedBurner feed).

    Is there a way to make Feed Styler style this second feed as well?

  3. By white_pawn posted on June 18, 2009 at 9:50 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Great work Ronald! Unfortunately, we had to deactivate Feed Styler (v1.0.7) this morning. Looks like its incompatible with OZH’s Better Feed. :\
    We strongly suggest you look into the problem as Better Feed is rather popular.

  4. TrackbackCircle Six Blog » Blog Archive » Feed Styler, Style your Wordpress Feeds» FeedStyler MUIOMUIO.NET: Internet e TecnologiaStyle Your Feeds With WP Feed Styler v 1.0 - News Doggy - Fetched News100 WordPress Plugins » Blog Archive » Feed Plugins