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 ...

Get WordPress 3 Plugin Development Essentials now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.