O'Reilly logo

WordPress 3 Plugin Development Essentials by Everett Griffiths, Brian Bondari

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The proof of concept mock up

Just like we did in the previous chapter, we're going to mock this up using static HTML before we try to do it dynamically. This forces us to test the solution in its simplest implementation (remember: test early and often). Our goal with this mock up is to test the necessary JavaScript—we'll deal with the PHP components later.

First, let's copy the HTML from our home page into a new file:

  1. Go to your site's home page, then view the source HTML (you can right-click the page or look under the browser's View menu).
  2. Do a Select all from your browser's Edit menu, copy the text, then paste it into a new file named mockup.html.
  3. Save the mockup.html file to the root of your site—this will ensure that paths to assets remain the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required