Adding A WordPress Login Box To A Template
Sometimes, when you’re taking WordPress beyond a typical blog setup, the need arises to leverage the accounts system in WordPress (to purchase items, to access information, etc). Earlier on I told you how to check to see if a user is logged in, but when your only login box is in the back-end, that makes it hard. The first time a client told me I needed to drop in a login box, I panicked. Forms aren’t the most fun to work with, and getting it to work exactly right with WordPress can be a real pain.
Unless, there’s a function that does it for you.
<?php wp_login_form(); ?>
That’s it. That single line of code will pull an entire login box to whatever template you have. The best part? You can style it however you like. If you want, you can even create a page template called “Login”, put the form there, style it to match your site, and users may never even know the difference.
There are a few variables you can add in the form of an $args variable.
<?php $args = array(
‘echo’ => true,
‘redirect’ => site_url( $_SERVER[‘REQUEST_URI’] ),
‘form_id’ => ‘loginform’,
‘label_username’ => __( ‘Username’ ),
‘label_password’ => __( ‘Password’ ),
‘label_remember’ => __( ‘Remember Me’ ),
‘label_log_in’ => __( ‘Log In’ ),
‘id_username’ => ‘user_login’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘rememberme’,
‘id_submit’ => ‘wp-submit’,
‘remember’ => true,
‘value_username’ => NULL,
‘value_remember’ => false ); ?>
The important ones would be ‘redirect’ and the various labels. Redirect allows you to specify where the user lands once they’ve logged in – default is the current page. The labels change the username/password field labels to whatever you want.
Otherwise, it’s completely customizable. Use it in sidebars, lightboxes, and even the footer; since you can style it, you can put it anywhere.
One caveat: if the user does anything wrong, it will take them to the typical WordPress login screen, so if you’re nervous about that sort of thing, you may want to take proper precaution. Branding the login page, and using a login redirection plugin to direct users once they’ve logged in will help any of the stragglers find their way.