Following on from my last tutorial, How to make a WordPress AJAX login form, I’m going to show you how to make your own lightbox-style pop up login box for wordpress and touch on some funky CSS3 techniques. 1. Add To Our HTML We need to add a few lines to our HTML <form> element from the last tutorial for the popup to work – An inner div to wrap the pop-up content and give us a nice translucent border around our pop-up, a wrapper to centre and group our login and registration button and a button to close our pop-up. Although… Read more »
Blog Category: Web Tutorials
How to Make A WordPress AJAX Login Form
In this tutorial we’re going to learn how to build an AJAX login form for a WordPress site. I’m going to show you how to put this in your theme, but if you have a commercial theme I recommend putting this functionality into a plugin to make updates easier. So without further ado, let’s get started! 1. Add The Form To Your Theme The first thing we need is a form for our users to type their login details into. I don’t want it to be the first thing loaded on the page, so to keep markup nice and… Read more »