+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: Drop It Plugin Brings Gifs and Unsplash Photos to Gutenberg

WPTavern: Drop It Plugin Brings Gifs and Unsplash Photos to Gutenberg

If you’re writing all your posts in the new Gutenberg editor but don’t want to give up convenient access to your fancy gifs and stock images, the new Drop It plugin has you covered. Riad Benguella, one of the engineers who is working on Gutenberg, created the plugin to offer one-click image insertion/upload from Unsplash.com.

Drop It adds a droplet icon to the Gutenberg sidebar that launches a search form for Unsplash.com or Giphy.com (a feature contributed by Julien Maury). Users can click the “+” sign on the image or simply drag and drop it into the content area.

Drop It seamlessly connects Gutenberg to the Unsplash and Giphy libraries, putting hundreds of thousands of stock photos and gifs at your fingertips while composing in WordPress. In the earlier days of Unsplash, many of the same images were used all over the web, but over the past few years its library has grown to include more than 550,000 high-resolution photos.

Check out this demo to see how how fast it is to search and insert images:

Drop it

Benguella originally created the plugin for a talk he gave at WPtech Lyon where he demonstrated how plugin developers can make use of Gutenberg’s reusable modules. His presentation and slides explore Gutenberg’s architecture and show how he created the Drop It plugin.

Benguella said the Drop It plugin’s code is a good example of how developers can extend Gutenberg’s UI using “pinnable” sidebar plugins. It also shows how to use the Data module to access and update Gutenberg’s state (data).

In the future, Benguella plans to add more sources for inserting media. He currently has a proof of concept for adding content from Google Docs and will add more depending on contributions from others and his availability to work on the plugin.


If you’re writing all your posts in the new Gutenberg editor but don’t want to give up convenient access to your fancy gifs and stock images, the new Drop It plugin has you covered. Riad Benguella, one of the engineers who is working on Gutenberg, created the plugin to offer one-click image insertion/upload from Unsplash.com. Drop It adds a droplet icon to the Gutenberg sidebar that launches a search form for Unsplash.com or Giphy.com (a feature contributed by Julien Maury). Users can click the “+” sign on the image or simply drag and drop it into the content area. Drop…

Source: WordPress

Related Post
WPTavern: WPTracSearch: An Elasticsearch-Powered Search Interface for WordPress Trac Tickets

WPTavern: WPTracSearch: An Elasticsearch-Powered Search Interface for WordPress Trac Tickets WordPress Trac is one of the more utilitarian and uninspiring interfaces that many contributors have to contend with in the process of giving back to the project. After growing tired of Trac’s mediocre search functionality, William Earnhardt set out to improve it with a new […]

Read more
WPTavern: Tips for Replying to A Call for Papers or A Call for Speakers

WPTavern: Tips for Replying to A Call for Papers or A Call for Speakers The following is a guest post written by Jennifer Bourn. With 21 years experience as a graphic designer, 15 years experience as a web designer, 14 years as a creative agency owner, and 11 years as a blogger, Jennifer Bourn has […]

Read more
WPTavern: Storefront 2.5.0 Introduces a Custom, Block-Based Homepage

WPTavern: Storefront 2.5.0 Introduces a Custom, Block-Based Homepage Storefront, WooCommerce’s free flagship theme, has just released version 2.5.0 with updates that make it easier to setup and customize the homepage. In 2017, WooCommerce 2.2 introduced starter content to help users set up the homepage template, menus, widgets, and add some demo products. This content has […]

Read more