DPLA search widget for your website

 Search the DPLA right from your webpage in three easy steps!

Here’s a search widget created by Dean Farrell and Josh Wilson that allows you to easily install a DPLA search box on your website or WordPress installation. It enables anyone to search DPLA from any location. Give it a try  and then follow the instructions below to install it on your personal site or WordPress.

The Code

<!DOCTYPE html>
<html lang="en">
  <head>
   <meta charset="utf-8">
   <meta content="IE=edge,chrome1" http-equiv="X-UA-Compatible">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <script type="text/javascript" src="http://dp.la/info/wp-content/uploads/2013/12/dpla-search-widget.js"></script>
  </head>
  <body>
   <div id="dpla_search_widget"></div>
  </body>
</html>

The Instructions

Step one. Copy the green <meta> and <script> tags and paste them into the <head> portion of your web page. Make sure you put them after the <head> but before the </head> tag.

Step two. Copy the blue <div> tag and paste into the <body> portion of your web page in the location where you want the search box to appear.

Step three. Save your work and start searching!

Adding DPLA Search Widget to your WordPress site

Step one. Download the plugin from https://github.com/lfarrell/Wordpress-DPLA-Search-Widget-Plugin. Unzip the plugin and activate it in your admin panel.

Step two. Add add the following to any WordPress page/post:

<div id="dpla_search_widget"></div>

Step three. That’s it! The widget should look like this on your WordPress page:

dpla-widget

Want more information?

Check out the code on GitHub.