del.icio.us Smart Tagging Plugin for WordPress
by Jonathan Deutsch
As you may have noticed, there are lots of little checkered images in my blog now. These are links to my del.icio.us tags. I decided it would be interesting if my blog was smart tagged so people who read entries on this blog could visit my del.icio.us links on the subject to learn more about what I am discussing. So now, if I discuss programming, Cocoa, or Smalltalk, there will be some personally-picked references to visit. Hopefully this will be useful and not distracting.
If you’d like to add this capability to your WordPress blog (or modify it to another other system), here is the source code:
deliciousTagging.zip (view source)
deliciousIcon.gif
Place these files in wp-content/plugins. In deliciousTagging.php, make sure to set the del.icio.us login and password, and also check to make sure the cache directory has proper write permissions. The code isn’t perfect — the regular expressions for identifying when to tag needs to be improved and the links aren’t aligned properly when viewing in NetNewsWire. Feel free to fix it and send me the new code.
UPDATE: Version 1.1 and better installation instructions are available here.
[…] ); Filed under: WordPress Plugins|Google it! Smart tag your WordPress blog with this del.icio.us Smart Tagging Plugin. People who read your entries can visit your del.icio.us links on th […]
[…] for WordPress Categories – Cool Scripts WordPress Hack LinkyLoo — Mark del.icio.us Smart Tagging Plugin for WordPress: This plugin will put in links to your del.icio.us tag […]
[…] » Comments: RSS2.0 Dec.07.2004 del.icio.us Smart Tagging Plugin for WordPress. ¶ Entered at 09:40:00 AM in LinkTo […]
[…] Wednesday)
plugins
Filed under: General — Jason @ 17:20:37 Print
del.icio.us smart tagging. Adds those little icons when a word matches a tag from my del.icio.us page […]
[…] tumultco/blog”>, I’ve finally gotten around to making some improvements to the del.icio.us Smart Tagging Plugin for WordPress. Version 1.1 of the plugin has the following changes: […]
That icon is slightly distracting. …Hmm, could you make it a little fade-into-the-background-ish or smaller?
Done… Do you think it is better now?
Much much better =)
BTW, the link you have above for your source is broken. I think it’s missing “/blog” in the path.
I think what would be neat is if you make the image slightly less saturated. Then in the CSS, offset it slightly to the left and to the bottom so that the text covers it a little. This way, it’ll close the gap a little when viewing the blog from tumultco.com and you’ll still be able to click the delicious link from reading from a program like NetNewsWire.
One way you might be able to correct the display in NNW is to embed style attributes into the![]()
tag to reduce the padding/margin of the image. Although I’m not sure if NNW overrides all styles even if they’re put in as attributes in the HTML tag… either way, I’m not a big fan of such using CSS styles like that, but seems like it might work.
I should have proof read what I wrote before publishing it :-
Cool idea–I like it…
The links aren’t actually broken, it appears to be a bug in NetNewsWire — it looks like it doesn’t use the proper baseURL. Visit the actual site to click on them.
I’ve also modified the image style attribute, so it now looks good in NNW. Thanks for the suggestion! The source has also been updated to reflect this small change.
You should add this to the http://wp-plugins.net/ database asap! It looks great, can’t wait to try it.
I’ve got ideas for variations: instead of having a little icon after the word, make the word a link, but with a different visual cue from a real link (e.g. dotted underline, and maybe help cursor).
Other solution would be to find a way to not parse the post contents themselves, but only a div id=”tags” or something like that. It would allow to unclutter the text, and would be a step towards tagging entries in blogs.
Ooh, and do trackback http://topicexchange.com/t/wordpress/ so that your post appears there 🙂
I would suggest having the plugin only add the link the first time a particular word is used in a post.
Steph – dotted underlines/different cursors may be a good idea. I thought of using the icon instead of underlining the tag to show that the link is not a “typical” link, and also give indication that it is del.icio.us related. I’ll definitely post to those sites once I have it parsing more correctly.
Jason – Good idea! I’ll definitely do that so there is less visual clutter in posts.
why there are 2 or more del.icio.us icons showing after my tag?And not all the tags put into action?:((
Nice work! It appears to work fine with the 1.3a5 of WordPress that I’m running.
I’m a wordpress n00b so pardon the naive question, but now that I’ve got this installed, how do I add tags to a post so they get picked up by this plugin?
I can’t really figure it out from looking at the source (Expanding regexps has never been my strong point). And RTF’ing Google hasn’t helped.
What cached file? What are the correct permissions? 777? 755? Are there any detailed instructions for a n00b? I get this error: “Warning: fopen(wp-content/plugins/cache.7854e3170a5d8281b108b24a74c90753.txt): failed to open stream: Permission denied in /MyPathToWP/wp-content/plugins/deliciousTagging.php on line 72
Hi Jonathan,
There’s a bug in your RSS feed which prevents images from appearing in NetNewsWire. The home page is specified in your feed as http://www.tumultco.com/blog — with no trailing slash. If you change that (if you add a trailing slash) then NetNewsWire should display images properly (starting with the next time your feed updates).
Excellent work, thank you.
There are better instructions for installing this on the version 1.1 page.
21 -> Brent, thanks for telling me about that. It seems wordpress likes deleting the trailing slash, so I had to change wp php code to get that to work.
Great plugin, was already thinking of making something like this. What about the system i use for making auto links to wikipedia? At the bottom of every post a wikipedia icon appears. A simple show/hide javascript then displays a select box with noun phrases it could match against my local wikipedia database of articles. This way people are not distracted from the post but can always find the related information they want. Beware, currently only firefox displays my blog right (i like developing new plugins better than making my css compatible with all browsers). check http://wordpress.justlol.org/ for this.
You are now listed on the Absolutely del.icio.us Tools Collection.
[…] [self setNeedsDisplay: YES]; » del.icio.us Smart Tagging Plugin for WordPress (tags: wordpress delicious) […]
[…] del.icio.us Smart Tagging Plugin for WordPress (tags: del.icio.us WordPress) […]
[…] del.icio.us Smart Tagging Plugin for WordPress – 一个为wordpress准备的del.icio.us 插件。 […]
[…] del.icio.us Smart Tagging Plugin for WordPress – 一个为wordpress准备的del.icio.us 插件。 […]
[…] del.icio.us Smart Tagging Plugin for WordPress need to find this tomorrow (tags: blogging del.icio.us plugins wordpress) […]
[…] del.icio.us Smart Tagging Plugin for WordPress – to add this capability to your WordPress blog. […]
What I want to do on my blog, is every few hours take the oldest post and move it to the
front of the queue, all automatically. Anyone know if there is a plugin that can do this or
a simple way to set up another plugin to do this (use my own feed perhaps)?
Thanks.
[…] del.icio.us Smart Tagging Plugin for WordPress. […]
What cached file? What are the correct permissions? 777? 755? Are there any detailed instructions for a n00b? I get this error: “Warning: fopen(wp-content/plugins/cache.7854e3170a5d8281b108b24a74c90753.txt): failed to open stream: Permission denied in /MyPathToWP/wp-content/plugins/deliciousTagging.php on line 72
[…] del.icio.us Smart Tagging Plugin for WordPress need to find this tomorrow (tags: blogging del.icio.us plugins wordpress) […]