The Knitting Scotsman

Ravelry Projects Plugin for WordPress

Well, someone had to do it!

 Download Here

  1. To install, create a folder in your /wp-content/plugins folder called ks_ravelry_projects and unzip this file to that location.
  2. Go to your wp-admin page, and select plugins from the top menu.
  3. Activate the Ravelry Projectsplugin.
  4. Then select options from the top menu.
  5. Select Ravelry Projects from the sub menu.
  6. Enter your personal URI to the Ravelry API.  There are instructions on the options page on how to figure this out.
  7. Add a Text widget to your page from the Presentation menu.
  8. Edit the Text widget, give it a title, and put <script> RavelryThing.drawProgressBars(); </script> as the body of the widget.
  9. 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

18 Responses to “Ravelry Projects Plugin for WordPress”

  1. 1
    Gravatar Mem Says:

    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! :)

  2. 2
    Gravatar Jim Says:

    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.

  3. 3
    Gravatar Tina (Tichiro) Says:

    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?

  4. 4
    Gravatar Jim Says:

    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.

  5. 5
    Gravatar kiki Says:

    hi jim,
    everything works fine here =)
    i´m just developing my wordpress-blog. thank you so much for this plugin!
    best
    kiki

  6. 6
    Gravatar Evi Says:

    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

  7. 7
    Gravatar Jim Says:

    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.

  8. 8
    Gravatar Risa Says:

    Wonderful job, thank you for doing the heavy lifting for me! I have it working on 2.3.2.

  9. 9
    Gravatar Knithropologist Says:

    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.

  10. 10
    Gravatar Hazel Says:

    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.

  11. 11
    Gravatar Starry Says:

    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.

  12. 12
    Gravatar Maggie Says:

    I love, love, love this plugin!! Is that how you get you FO and Stash to show up as well?

  13. 13
    Gravatar Jessica Says:

    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?

  14. 14
    Gravatar Mynagirl Says:

    Works like a charm on 2.5.1. You rock!!!

  15. 15
    Gravatar Raquel Says:

    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?

  16. 16
    Gravatar Raquel Says:

    Ok.. after some tinkering, I got it to work! Thanks Scottsman!

  17. 17
    Gravatar Stephannie Says:

    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!)

  18. 18
    Gravatar laura Says:

    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.

Leave a Reply

© 2008 The Knitting Scotsman | Entries (RSS) and Comments (RSS)

Global Positioning System Gazettewordpress logo