Code For The People: How Media Explorer Was Made

With the new Media Explorer plugin, you can now search for tweets and videos on Twitter and YouTube directly from the Add Media screen in WordPress. Media Explorer is a joint project by WordPress.com VIP and Code For The People (a VIP Featured Partner). In this post, CFTP’s John Blackbourn shares the technical and user experience decisions that were made while developing the plugin. 

Embedding a YouTube video or a tweet into a WordPress post is powerfully easy.

There’s no HTML, no shortcode, no dialog box or Settings page – just the magic of oEmbed, baked right into WordPress core. But it’s so simple, and so unassuming, that many people just don’t know it’s there; and it’s not something they’d ever go looking for. With Media Explorer, we wanted to expose that magic within the user interface.

The end goal was to make retrieving externally-hosted content as easy as retrieving items from your own site’s Media Library, without even having to open another browser tab.

The initial plan concentrated purely on integration with Twitter with an architecture that would easily allow developers to add support for other web services like Flickr, YouTube, and Scribd.

Once the base of the plugin was completed with the Twitter search functionality, it was exciting to see YouTube support added in double-quick time, with no changes to the core plugin. It’s what WordPress development should be all about.

media-explorer-twitter-map

Continue reading