Cleanup HTML WordPress plugin

screenshot-1.png

Cleanup HTML is a new WordPress plugin. All it does is add a button to your visual editor. This button, when clicked, strips your post HTML of any div or span tags you might have, usually (but not always) junk tags to have in a post. The plugin relies on core TinyMCE features so it’s really nothing special, but it might come in handy once in a while. Let me know if you find it handy enough to expand its cleaning capabilities and/or submit it to the official repository.

Download Cleanup HTML 1.0 for WordPress

Update: The core functionality is a snippet of JavaScript. Here it is as a bookmarklet, which only works when you’ve selected the visual editor tab.

Drag this link to your bookmarks bar → Remove divs and spans from visual editor

Anti Feed-Scraper Message Plugin For WordPress [Updated November 09]

Anti-Feed-Scraper-Message.png

Anti-feed-scraper plugin is a really simple plugin which helps you give the so-called “feed scraper bots” a hard time.

A feed scraper is a script that explores various XML feeds and bluntly copies content in various categories. The purpose, I assume, is to create a useless ghost-blog with faux contents, either because the bot-puppeteer was lazy or in shady attempts to collect Google juice.

Anti-feed-scraper makes your posts somewhat harder to scrape, by appending a little message to the end of all your posts. Because this message appears in the body text of your posts (only in the RSS feeds of course), it’s hard to filter out by the scrape bots. Which means if the lazy puppeteers keep stealing your content, they’ll steal it complete with links to your original content as well.

Download

Download from WordPress.org

The plugin features an options page where you can configure your post message.

Options

In the options page, you can customize the message appended to your feeds. The default is:

[postname] originally appeared on [sitename] on [postdate].

Available “magic tags” include:

  • [postname]
  • [sitename]
  • [postdate]
  • [tweetthis]

Color Wheel Styler Plugin for WordPress

This plugin lets you use a convenient color wheel to assign colors to various sections of your WordPress powered website.

[zenphoto src="color_wheel_styler.png" height="300" crop="tl"]

The plugin is powered by jQuery and the lovely Farbtastic.

Currently the plugin is supremely minimalistic and simply allows you to color your sidebar, your body text, your links and your background. However, with very little tweaking, you can adjust this plugin to do your bidding, which is probably what you’ll want to do anyway. For instance, you could throw most of the plugin code into functions.php and hardwire it to your specific theme.

Download Color Wheel Styler

If this garners enough interest, possible future features could be on-the-fly addition of classes, IDs and tags right in your admin interface, moving the options page to the “Appearance” tab and the relocation to the WordPress plugin repository. Your thoughts?

[Update]: WordPress 2.8 compatability.

Absolute Links, Runtime (Plugin for WordPress)

If you, like me, type in relative URLs to images and links that are local to your server, you probably didn’t know that means images in your feed are broken. Feeds require absolute URLs for both your images and your links.

This plugin is super minimalistic. It simply looks for any relative URLs you have written, images and links alike, and makes them absolute. This is done after you’ve saved your posts, but before they are shown, so there’s no need to update all your old posts. Just activate the plugin, and voila.

Before:

<a href="/photostream/albums/various/cow.png">
	<img src="/photostream/albums/various/cow.png" alt="" />
</a>

After:

<a href="http://noscope.com/photostream/albums/various/cow.png">
	<img src="http://noscope.com/photostream/albums/various/cow.png" alt="" />
</a>

Download Absolute Links, Runtime

Carousel Gallery (jQuery) for WordPress [Updated January 2010]

This plugin builds on the builtin WordPress gallery, and replaces any gallery inserted using the gallery tag with a neat jQuery powered carousel. By carousel it means you can browse through all the pictures in the gallery and they’ll slide from the right to the left and seamlessly start over at the end.

The plugin uses jQuery and a jQuery plugin called jCarousel.

Download

Download the plugin from the WordPress repository

Further Development

Due to my busy schedule, development on this plugin is intermittant and not quite as often as it deserves. Fortunately, the plugin is open source. Are you an experienced plugin developer willing to lend some love, then you’re welcome to get co-ownership of this plugin. Let me know.

[Update]: Added an IE “loop bug” fix. Thanks to Luqman Amjad.

Special Feed Items Plugin for WordPress

I believe it was John Gruber who started the trend: adding small unicode symbols in front of noteworthy feed items. Because this was such a great idea, I’ve started providing little ♥ icons next to noteworthy feed icons.

This, I have turned into a WordPress plugin, which you can now download from the official WordPress plugin repository.

Note: I believe you have to have your blog set to UTF-8 (Settings > Writing) for this to work, and of course you have to pick a unicode character as the special feed item.

Review Ratings plugin for WordPress [Updated February 2011]

If you review books and movies, you’ll want to provide a rating. Usual movie ratings consist of 1-5 or 1-6 stars, zero stars reserved mainly for Uwe Boll movies.

This plugin let’s you do just that. Simply write

[raw][/raw]

and you’ll get this:

There’s an options page which allows you to configure the rating symbol (another popular one is the ★), the symbol color, the empty symbol color and lastly how many stars you can give away at the most.

Download

Download Ratings Shorttags

Syntax

The following shorttags (or shortcodes) are available:

[raw]
[/raw]

Other Notes

Questions have been asked why the default option outputs 6-star ratings. First of all, this is an option you can change if you prefer 5 star ratings (or even 3 or 20 star ratings). The reason for 6 being default is that this requires the reviewer to decide whether a movie is mediocre-good (4 stars) or mediocre-bad (3 stars). This is more useful than a 3/5 rating, because that’s the exact middle.

Replacing The Symbols With Images

Ratings Short-tags already supports using images instead of unicode symbols to show ratings. You just need to use a little CSS to get it going. Here’s an example:

.rating span { /* both full and empty symbols */
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	background: url('url/to/fullstar.gif') no-repeat left top;
}
.rating span.empty { /* overwrite empty symbols image value */
	background: url('url/to/emptystar.gif') no-repeat left top;
}
.rating:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;     /* triggers hasLayout */
}

Changelog

  • November 2010: Small changes. Plugin is now called “Review Ratings (shortcodes & buttons)” to better reflect what the plugin does. Lots of little things have been fixed, and related ratings should now work better.
  • February 2011: 3.1 compatability