Dribbble Wordpress Plugin

We were drafted, we fell in love, we made a WordPress plugin.

May 05, 2010 •

widget screenshot

Trent Walton seeded the idea and asked me to make a Dribbble plugin, so I created one that (by default) mimic’d the wonderful UI created by Dan Cederholm and Rich Thornett. After a couple emails with the gentlemen from Salem, we got their permission to use some assets and a plugin was born.

Download from GitHub

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 200x150 teaser image OR the use the full 400x300 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.

comments powered by Disqus