Dribbble WordPress Plugin
Wouldn’t it be great if you could get your latest Dribbbles on your website? We thought so too.
Trent Walton seeded the idea and asked me to make a Dribbble plugin, so I created a plugin that by default mimic’d the wonderful UI created by Dan Cederholm and Rich Thornett. After a couple emails with those gentlemen for their permission to use some assets and a day of coding, we got something we were proud of.
One of the most important thing I wanted to maintain was flexibility in the plugin so there are lots of options you can turn on and off. Have a look at all the features, or just download it.
Features
- Uses the signature Dribbble shot CSS.
- Specify the number of shots (up to 10).
- You can enable/disable drop shadow.
- Super optimized. No fluff.
- Use the sidebar widget or embed anywhere.
- Choose to ignore the CSS and roll your own.
- Grab the 200×150 teaser image OR the use the full 400×300 shot.
Updated Version 1.0.1
- Now with less deprecated functions!
- Fixed issue with needless expand($args) call.
- Added border-bottom to shots CSS with no-shadow.
- Fixed issue where RSS feed/site rendered invalid because of extra whitespace.
Make Dribbbles Appear Faster
The default WordPress cache time for RSS feeds is 12 hours. This is not ideal. In order to switch that to something more reasonable open up your functions.php and add this line:
add_filter( 'wp_feed_cache_transient_lifetime', create_function( '$a', 'return 1800;' ) );
This will set the wp_feed_cache_transient_lifetime (that’s a mouthful!) to 1800 seconds (30minutes). Change 1800 to whatever number you’d like greater than 60. I rarely Dribbble daily, so I could set that threshold much higher and not be too out-of-date.
Rebound it!
Naturally, I posted a shot of this on Dribbble. If you use the plugin, why not rebound it with a screenshot and a link to your site. I really enjoy checking out people’s portfolios. Or post a link in the comments. Or both! You decide how much social media wizardry you want to perform.

Amazing, can’t wait to use this. Thanks a lot.
This is great, dribble has made me want to design more (I’m mainly a developer) and this plugin makes it even worse. Can’t wait to implement this, once I get more stuff in my account that is, heh.
You’re a wizard.
You’re like totally awesome… to the max!
Genius.
I’m using the plugin in my next premium theme at themeforest :) http://tf.ivorpadilla.net/communitie/
Thanks a lot mate.
Really great work! I’m using a modified version of the plugin on my blog:
http://www.4muladesign.com/creative-blog/
Many thanks ;)
Awesome guys, love this.
It doesn’t seem to be pulling in my latest dribbbles though, any ideas? Does it take a while for them to update or something?
I think WordPress’ default fetch time for feeds is 12 hours. I’ll work up some documentation on how to set that to something reasonable. Also, I’m planning on a version 2 of the plugin that will be way more robust and will be based on the new Dribbble API.
Awesome work pal, thanks a lot.
nice work…I look forward to using this :)
Cool plugin, but getting the following error:
Warning: extract() [function.extract]: First argument should be an array in /home/xxx/public_html/blog/wp-content/plugins/wp-dribbble/wp-dribbble.php on line 29
Also, an option to turn off the numbering would be cool as well.
thanks! that should be fixed in the latest version, but the quick fix is to just comment out that line 29. it was causing errors on some servers.
re: turning off numbers, sounds simple enough i can look into it. but the quick fix for that would be to add to your stylesheet:
.dribbbles { list-style-type:none;}
[...] Calluna designed by Jos Buivenga. I also am sporting some of the Pictos icons from Drew Wilson, the Dribbble plugin from Dave Rupert, and Pods integration with some help from Jonathan [...]