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
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!
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.
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?
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.
hi jim,
everything 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,
Evi
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.
Wonderful job, thank you for doing the heavy lifting for me! I have it working on 2.3.2.
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.
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.
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.
I love, love, love this plugin!! Is that how you get you FO and Stash to show up as well?
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?
Works like a charm on 2.5.1. You rock!!!
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?
Ok.. after some tinkering, I got it to work! Thanks Scottsman!
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!)
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.
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.
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!
It’s a Flickr badge. http://www.flickr.com/badge.gne
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!
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.
Thanks! That worked.
But how do I get the little picture to show as well?
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/
You so rock! This widget is great, and your instructions perfectly clear. Thanks!
I am having some problems running this plug-in on WordPress 2.7, I am getting a 412 error.
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!
Pingback: keeping me in stitches… » Adding Ravelry Progress Bars to your WordPress blog
Thank you for sharing this! It is working just fine on my wordpress blog: WordPress 2.7.1.
I love it!!!
Pingback: Vil du ha en ravelry progressbar med bilder? | Celies hobbyblogg
Thank you. Works perfect.
Thank you! Works like a charm!
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?
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!
mm… thank you.
is there a way to get this to work in blogger?
No, sorry. This only works in WordPress.
Pingback: Lluthiel » Archives du blog » Enfin déniché !