Ravelry Projects Plugin for WordPress
Please Note, this plugin only works with self hosted WordPress blogs. It will not work if you use the free blog at www.wordpress.com.
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 been tested on version 2.6.3
January 7th, 2008 at 5:18 pm
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 8:50 pm
Hey Mem,
I 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.
January 9th, 2008 at 3:24 pm
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 9:05 pm
Hey 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 11th, 2008 at 10:22 am
hi jim,
everything works fine here =)
i´m just developing my wordpress-blog. thank you so much for this plugin!
best
kiki
January 13th, 2008 at 2:24 pm
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,
Evi
January 13th, 2008 at 4:40 pm
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 26th, 2008 at 2:15 pm
Wonderful job, thank you for doing the heavy lifting for me! I have it working on 2.3.2.
January 26th, 2008 at 4:52 pm
Jim, 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 27th, 2008 at 3:47 pm
I 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.
April 13th, 2008 at 1:12 pm
Hi, 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 26th, 2008 at 12:30 pm
I love, love, love this plugin!! Is that how you get you FO and Stash to show up as well?
May 15th, 2008 at 8:34 am
For 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?
June 1st, 2008 at 1:40 pm
Works like a charm on 2.5.1. You rock!!!
June 19th, 2008 at 2:55 pm
Hi,
I 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?
June 19th, 2008 at 3:04 pm
Ok.. after some tinkering, I got it to work! Thanks Scottsman!
June 21st, 2008 at 11:47 am
I 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 27th, 2008 at 1:34 pm
hey 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.
September 2nd, 2008 at 4:37 am
Thank you so much for this! I’ve just installed it on my 2.6.1 blog and it works beautifully. The only thing that was different from your instructions was that the ‘options’ menu is now called the ’settings’ menu.
October 23rd, 2008 at 10:30 am
Love the widget, thanks so much. Could I ask what you’re using to display those lovely Flickr galleries for your projects and your stash? They’re gawgeous!
October 23rd, 2008 at 10:49 am
It’s a Flickr badge. http://www.flickr.com/badge.gne
November 23rd, 2008 at 2:32 pm
Hello,
Is there any way to put this in a post or a page? I don’t have a sidebar in my Wordpress design.
Thanks!
November 23rd, 2008 at 7:21 pm
Poppy,
You should be able to display the progress bars anywhere on your blog just by adding the HTML code that is put in the widget ( ). Just make sure to add it to the page or post using the HTML view, not the Visual view.
November 27th, 2008 at 5:13 pm
Thanks! That worked.
But how do I get the little picture to show as well?
November 27th, 2008 at 10:01 pm
To get the pictures to show, you need to change the code in the widget. You need to add {photos:true} between the parenthesis, so you would have the following in the widget:
RavelryThing.drawProgressBars({photos:true});
There are other things you can do as well, such as change colors and the width. There is a bunch more information at the following links:
http://www.ravelry.com/help/api
http://www.ravelry.com/groups/we-3-progress-bars/
December 18th, 2008 at 8:26 am
You so rock! This widget is great, and your instructions perfectly clear. Thanks!
December 19th, 2008 at 8:00 am
I am having some problems running this plug-in on Wordpress 2.7, I am getting a 412 error.
January 24th, 2009 at 8:08 pm
I love the plugin! Worked like a charm! I had to tweak the css for the progress bar and photo a bit, because my sidebar is a little larger, but it’s great!
February 4th, 2009 at 5:00 pm
[...] blog), and use a theme that is widget-enabled (and use the Sidebar widget). The plugin is available here. Since my blog theme doesn’t use widgets (yeah, I’m kickin’ it old school), I [...]
February 19th, 2009 at 2:01 pm
Thank you for sharing this! It is working just fine on my wordpress blog: WordPress 2.7.1.
I love it!!!
February 19th, 2009 at 2:17 pm
[...] Last ned innstikket og les The Knitting Scotsmans blogg her. [...]
March 10th, 2009 at 7:23 am
Thank you. Works perfect.
March 16th, 2009 at 9:51 am
Thank you! Works like a charm!
March 20th, 2009 at 1:43 pm
I’ve got this on my site, but I have the same issues as Raquel above. I’ve added the URI in the options and put RavelryThing.drawProgressBars(); in a text widget, however it’s just blank! I’m using wordpress 2.7.1. Any ideas why?
May 14th, 2009 at 8:48 pm
Hi – I know someone already asked about adding pictures, but I just can’t figure it out! I know to add the {photos:true}, but I don’t get where – when I go to edit the widget (by editing the plugin from my admin page) there isn’t anything that looks like RavelryThing.drawProgressBars(. I am using Wordpress 2.7.1 – is that the problem?
Or is there just somewhere else that I should be able to edit the widget itself? Thanks so much – this is really exciting to get this working!
August 4th, 2009 at 1:14 am
mm… thank you.
December 28th, 2009 at 2:15 am
is there a way to get this to work in blogger?
January 17th, 2010 at 9:54 am
No, sorry. This only works in WordPress.