In this tutorial, I will guide you through the process of making a beautiful “Register” form, using Fancybox, jQuery, and, of course, WordPress. As you’ll find, the process is really quite simple.
Step 1. The Markup
First, let’s place our button at the top of the page, replacing the default description in the theme.
<div id="registration"><a class="show register-button" href="#register-form">Register</a></div>
Notice that in the register button, the href (#register-form) is the same ID as the form below. We’re also using the class “.show” to call FancyBox with jQuery.
We need our base; let’s create our markup. Open header.php, an