Github Ribbon is a WordPress Plugin, which can be used to add Github ribbons to your website.
The github ribbons can be configured either for the entire site or on a post by post basic.
Download
You can download the Plugin as a zip file from the WordPress Plugin repository.
Installation
Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.
Features
The following are some of the features of the Plugin
- You can choose between image based ribbons or CSS3 based ribbons.
- You can choose whether to show the ribbon on the right side or on the left side.
- You can choose any one of the 6 different colours that are available.
- Configuration can be set either globally or on a post by post basic.
Screenshot
Configuration screen in the write post/page admin page
Translation
- Dutch (Thanks Rene of Rene)
- Spanish (Thanks Mike Arias of InMotion Hosting)
The pot file is available with the Plugin. If you are willing to do translation for the Plugin, use the pot file to create the .po files for your language and let me know. I will add it to the Plugin after giving credit to you.
Feedback
If you have any comments or if you want to report any bugs, please leave a comment below or send a tweet.
Stay updated
I would be posting updates about this Plugin in my blog and in Twitter. If you want to be informed when new version of this Plugin is released, then you can either subscribe to this blog’s RSS feed or follow me in Twitter.
Changelog
- 2010-08-04 – v0.1 – Initial Release
- 2010-11-11 – v0.2 – Added support for CSS3 ribbons
- 2011-01-23 – v0.3 – Added Dutch Translations
- 2011-09-07 – v0.4 – Added CSS style to hide ribbon on printed pages
- 2011-11-28 – v0.5 – Added Spanish translations
Hi,
Basically this could be a great plugin for WordPress but for some reason the white (left/right) and grey (left/right) options kill the whole site when it’s used. Might worth a check.
FYI I am using the Social Media Widget as well and the last file the site calls before it stops working is the all.js (http://connect.facebook.net/en_US/all.js) for the facebook like button.
Check out the site(http://heartcode.robertpataki.com), I hope I could help in your development somehow
Keep up with the good work and thanks.
Rob
Can you tell me exactly how it is breaking the site? Are you getting some JavaScript errors or the page completely stops loading?
Hi Sudar,
I haven’t got any js errors or 404. The site simply stops loading after the header is loaded. I am using the Twenty-Ten theme. When this issue happens, I can’t see anything but the header of the site.
I hope it helps,
Rob
Exactly the same thing happened to me. Fix would be nice
I sat down to write one of these but decided to google it first… thanks for saving me a few hours of WordPress hacking! Now I can go back to recompiling Android kernels.
Do you know if this plugin still works with the current version? I have it set up with the global display hidden and a specific page overriding it but I can not get the page to display anything. There are no errors or warnings and nothing shows up in the page html even hinting that its being loaded. Thanks!
@Brandon,
It is compatible with the latest version of WordPress. Not sure why it is not working for you. Did you check your error log?
Hello, great plugin thank you. For some reason it works ok on WP Posts but it won’t show up on Pages. I have exactly one page set up like the two articles where it is working, but it keeps *not* showing the ribbon. Any idea on what might be going on? – Thanks.
hmm.. that’s strange. Can you give me the url of the website where it is failing?
The idea is cool, but it doesn’t work on my page, as you inject the HTML into posts and that really doesn’t go good together with my template so you should really bring it to some top level in the DOM.
Also the CSS3 ribbons won’t work. They just display as a flat bar.
Can you share your blog url or send me a screenshot of how the ribbon looks in your site, so that I can try to debug it?
The page is the one I submitted with this comment. I’ve disabled it for now. The plugin looks something like this when in CCS3 mode: http://imageshack.us/photo/my-images/543/ribbonc.png/
Can you also give me the url of the blog, so that I can analayze the HTML strucutre as well. You don’t need to have the Plugin activated though.