Ravelry Projects Plugin for WordPress
Well, someone had to do it!
- To install, create a folder in your /wp-content/plugins folder called ks_ravelry_projects and unzip this file to that location.
- Go to your wp-admin page, and select plugins from the top menu.
- Activate the Ravelry Projectsplugin.
- Then select options from the top menu.
- Select Ravelry Projects from the sub menu.
- Enter your personal URI to the Ravelry API. There are instructions on the options page on how to figure this out.
- Add a Text widget to your page from the Presentation menu.
- Edit the Text widget, give it a title, and put <script> RavelryThing.drawProgressBars(); </script> as the body of the widget.
- Place the widget where you want your progress bars to be displayed.
In order for this to work, you have to be part of the test group that has access to the projects API. See this Ravelry Forum Thread for more information.
This plug in was developed by me, and I am not affiliated with either Ravelry or WordPress. Use this plugin at your own risk, as it is offered without warranty or support. I will do my best to help you if you have problems, but I won’t guarantee that I can make it work for everyone.
The javascript and css are taken directly from the Ravelry sample provided on the API help page. You may need to alter the css to display well on your page if you have a different theme. It works well on the default WordPress theme.
I hope this is helpful!
P.S. This has only been tested on version 2.3.1 and 2.3.2
Hey there! Thanks for widgetizing this - it’s super helpful - but I thought you might like to know that it doesn’t appear to be working on 2.3.2. It works like a charm on the 2.3.1 installation I tested it on, but 2.3.2 produces this:
#
u003cdiv id='rav_progress_bars'u003eu003c/divu003e
#
instead of the bars, no matter how I prod at it.
No biggie, and no complaints; just trying to help chase bugs!
January 7th, 2008 at 5:18 pmHey Mem,
January 7th, 2008 at 8:50 pmI just upgraded my test site, and then this one to 2.3.2, and it’s displaying for me just fine. I’ll follow up with an email to you to see if I can help troubleshoot the issue.
Hi! Maybe a stupid question: Do I still have to put that stuff in the head section? Or just your plugin and the widget text?
January 9th, 2008 at 3:24 pmHey Tina, the When you activate the plugin, it puts the Javascripts and CSS into the header for you. You don’t have a edit any code to get it to work.
January 9th, 2008 at 9:05 pmhi jim,
January 11th, 2008 at 10:22 ameverything works fine here =)
i´m just developing my wordpress-blog. thank you so much for this plugin!
best
kiki
Hi Jim,
I’m getting a funny double-entry for my bars. I’m running on 2.13 so that may be the issue, but I thought i would inquire anyway.
Much obliged,
January 13th, 2008 at 2:24 pmEvi
Evi,
If you are referring what looks like a second bar a pixel or two above and to the left of your progress bars, I beleive this is because you are using a dark backround. I had the same issue with my background. It looks right on a blog with a white bacground, as it is meant to be a drop shadow. I had to edit the .css to eliminate the drop shadow.
I’ll email you the .css I’m using. You can simply replace the existing one with the one I send you and see if that is better. You can also monkey with the colors to get them to match your blog better.
January 13th, 2008 at 4:40 pmWonderful job, thank you for doing the heavy lifting for me! I have it working on 2.3.2.
January 26th, 2008 at 2:15 pmJim, you are gorgeous - thank you so much for writing this plugin. Should you ever make it out to my part of the Rockies, I owe you a pint.
January 26th, 2008 at 4:52 pmI was wondering if there was any way to adapt this plugin to make it work for two different Ravelry users on the same blog? I’m trying to make a group blog and it would be great if we could both use the plugin.
January 27th, 2008 at 3:47 pmHi, try as I might I can’t figure out where you change the bar colour. It doesn’t seem to be in the CSS file. What tag do I use to change it? Thanks!
Hazel you could always try changing the id’s in the plugin and renaming the files so you essentially had a copy running at the same time.
April 13th, 2008 at 1:12 pmI love, love, love this plugin!! Is that how you get you FO and Stash to show up as well?
April 26th, 2008 at 12:30 pmFor some reason when I’ve got this running on my blog it seems to duplicate itself. I get two entries for the same project. I’m using Firefox to see my site. Any idea of a fix for this?
May 15th, 2008 at 8:34 amWorks like a charm on 2.5.1. You rock!!!
June 1st, 2008 at 1:40 pmHi,
June 19th, 2008 at 2:55 pmI love your help! I’m sorry, can you help? I revamping my site, the http://www.rockinknit.com is the old one, and the new one (in progress) is http://www.rockinknit.com/rblog
I followed your instructions and added the plugin, activated it and put my API info in, then went into my PHP file for my left sidebar, and pasted the code provided on ravelry, but nothing? no errors, nothing, its like the code isn’t there? Does this make since?
Ok.. after some tinkering, I got it to work! Thanks Scottsman!
June 19th, 2008 at 3:04 pmI feel like a complete idiot but I’m new to Wordpress, using version 2.5.1…..and I can’t find where the CSS is after I installed the widget. I want to have the pictures of my projects shown and change the color of the bars. I checked the header.php, the css stylesheet as well as all the other areas….it should look like the code on http://www.ravelry.com/help/api, right?
(FWIW I was able to do this awhile ago on blogger….so I can learn/figure things out!)
June 21st, 2008 at 11:47 amhey there!
first off thank you so much for doing this! but i’m having some difficulty with it. this option menu you refer to…i cant seem to find it. i’m using 2.5.1 if that helps.
June 27th, 2008 at 1:34 pm