Wordpress custom login page tutorial
This tuorial is an attempt to create nice looking wordpress login page, we will show you how we edited wp-login.php file for default wordpress theme (kubrick theme) and you will be able to modify your own theme.
So, here is complete PHP and html code of wp-login.php file. Before you copy and paste this code into your own wp-login.php file make sure you saved original wp-login.php file, we commented important code parts , so if you want to understand deeper, please read our comments. Or you can compare to your original wp-login.php to see the changes.
<?php
/**
* WordPress User Page
*
* Handles authentication, registering, resetting passwords, forgot password,
* and other user handling.
*
* @package WordPress
*//** Make sure that the WordPress bootstrap has run before continuing. */
require( dirname(__FILE__) . ‘/wp-load.php’ );// Redirect to https login if forced to use SSL
if ( force_ssl_admin() && !is_ssl() ) {
if ( 0 === strpos($_SERVER['REQUEST_URI'], ‘http’) ) {
wp_redirect(preg_replace(’|^http://|’, ‘https://’, $_SERVER['REQUEST_URI']));
exit();
} else {
wp_redirect(’https://’ . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']);
exit();
}
}/**
* Outputs the header for the login page.
*
* @uses do_action() Calls the ‘login_head’ for outputting HTML in the Log In
* header.
* @uses apply_filters() Calls ‘login_headerurl’ for the top login link.
* @uses apply_filters() Calls ‘login_headertitle’ for the top login title.
* @uses apply_filters() Calls ‘login_message’ on the message to display in the
* header.
* @uses $error The error global, which is checked for displaying errors.
*
* @param string $title Optional. WordPress Log In Page title to display in
* <title/> element.
* @param string $message Optional. Message to display in header.
* @param WP_Error $wp_error Optional. WordPress Error Object
*/
function login_header($title = ‘Log In’, $message = ”, $wp_error = ”) {
global $error, $is_iphone;// Don’t index any of these forms
add_filter( ‘pre_option_blog_public’, create_function( ‘$a’, ‘return 0;’ ) );
add_action( ‘login_head’, ‘noindex’ );if ( empty($wp_error) )
$wp_error = new WP_Error();do_action(’login_head’); ?>
<? include(”wp-content/themes/default/header.php”); ?>
<div id=”content”>
<body>
<div id=”login”>
<?php
$message = apply_filters(’login_message’, $message);
if ( !empty( $message ) ) echo $message . “\n”;// Incase a plugin uses $error rather than the $errors object
if ( !empty( $error ) ) {
$wp_error->add(’error’, $error);
unset($error);
}if ( $wp_error->get_error_code() ) {
$errors = ”;
$messages = ”;
foreach ( $wp_error->get_error_codes() as $code ) {
$severity = $wp_error->get_error_data($code);
foreach ( $wp_error->get_error_messages($code) as $error ) {
if ( ‘message’ == $severity )
$messages .= ‘ ’ . $error . “<br />\n”;
else
$errors .= ‘ ’ . $error . “<br />\n”;
}
}
if ( !empty($errors) )
echo ‘<div style=”margin-left:3em;margin-top:3em;color:red;” id=”login_error”>’ . apply_filters(’login_errors’, $errors) . “</div>\n”;
if ( !empty($messages) )
echo ‘<p style=”margin-left:3em;margin-top:3em;”>’ . apply_filters(’login_messages’, $messages) . “</p>\n”;
}
} // End of login_header()/**
* Handles sending password retrieval email to user.
*
* @uses $wpdb WordPress Database object
*
* @return bool|WP_Error True: when finish. WP_Error on error
*/
function retrieve_password() {
global $wpdb;$errors = new WP_Error();
if ( empty( $_POST['user_login'] ) && empty( $_POST['user_email'] ) )
$errors->add(’empty_username’, __(’<strong>ERROR</strong>: Enter a username or e-mail address.’));if ( strpos($_POST['user_login'], ‘@’) ) {
$user_data = get_user_by_email(trim($_POST['user_login']));
if ( empty($user_data) )
$errors->add(’invalid_email’, __(’<strong>ERROR</strong>: There is no user registered with that email address.’));
} else {
$login = trim($_POST['user_login']);
$user_data = get_userdatabylogin($login);
}do_action(’lostpassword_post’);
if ( $errors->get_error_code() )
return $errors;if ( !$user_data ) {
$errors->add(’invalidcombo’, __(’<strong>ERROR</strong>: Invalid username or e-mail.’));
return $errors;
}// redefining user_login ensures we return the right case in the email
$user_login = $user_data->user_login;
$user_email = $user_data->user_email;do_action(’retreive_password’, $user_login); // Misspelled and deprecated
do_action(’retrieve_password’, $user_login);$allow = apply_filters(’allow_password_reset’, true, $user_data->ID);
if ( ! $allow )
return new WP_Error(’no_password_reset’, __(’Password reset is not allowed for this user’));
else if ( is_wp_error($allow) )
return $allow;$key = $wpdb->get_var($wpdb->prepare(”SELECT user_activation_key FROM $wpdb->users WHERE user_login = %s”, $user_login));
if ( empty($key) ) {
// Generate something random for a key…
$key = wp_generate_password(20, false);
do_action(’retrieve_password_key’, $user_login, $key);
// Now insert the new md5 key into the db
$wpdb->update($wpdb->users, array(’user_activation_key’ => $key), array(’user_login’ => $user_login));
}
$message = __(’Someone has asked to reset the password for the following site and username.’) . “\r\n\r\n”;
$message .= get_option(’siteurl’) . “\r\n\r\n”;
$message .= sprintf(__(’Username: %s’), $user_login) . “\r\n\r\n”;
$message .= __(’To reset your password visit the following address, otherwise just ignore this email and nothing will happen.’) . “\r\n\r\n”;
$message .= site_url(”wp-login.php?action=rp&key=$key”, ‘login’) . “\r\n”;$title = sprintf(__(’[%s] Password Reset’), get_option(’blogname’));
$title = apply_filters(’retrieve_password_title’, $title);
$message = apply_filters(’retrieve_password_message’, $message, $key);if ( $message && !wp_mail($user_email, $title, $message) )
die(’<p>’ . __(’The e-mail could not be sent.’) . “<br />\n” . __(’Possible reason: your host may have disabled the mail() function…’) . ‘</p>’);return true;
}/**
* Handles resetting the user’s password.
*
* @uses $wpdb WordPress Database object
*
* @param string $key Hash to validate sending user’s password
* @return bool|WP_Error
*/
function reset_password($key) {
global $wpdb;$key = preg_replace(’/[^a-z0-9]/i’, ”, $key);
if ( empty( $key ) )
return new WP_Error(’invalid_key’, __(’Invalid key’));$user = $wpdb->get_row($wpdb->prepare(”SELECT * FROM $wpdb->users WHERE user_activation_key = %s”, $key));
if ( empty( $user ) )
return new WP_Error(’invalid_key’, __(’Invalid key’));// Generate something random for a password…
$new_pass = wp_generate_password();do_action(’password_reset’, $user, $new_pass);
wp_set_password($new_pass, $user->ID);
update_usermeta($user->ID, ‘default_password_nag’, true); //Set up the Password change nag.
$message = sprintf(__(’Username: %s’), $user->user_login) . “\r\n”;
$message .= sprintf(__(’Password: %s’), $new_pass) . “\r\n”;
$message .= site_url(’wp-login.php’, ‘login’) . “\r\n”;$title = sprintf(__(’[%s] Your new password’), get_option(’blogname’));
$title = apply_filters(’password_reset_title’, $title);
$message = apply_filters(’password_reset_message’, $message, $new_pass);if ( $message && !wp_mail($user->user_email, $title, $message) )
die(’<p>’ . __(’The e-mail could not be sent.’) . “<br />\n” . __(’Possible reason: your host may have disabled the mail() function…’) . ‘</p>’);wp_password_change_notification($user);
return true;
}/**
* Handles registering a new user.
*
* @param string $user_login User’s username for logging in
* @param string $user_email User’s email address to send password and add
* @return int|WP_Error Either user’s ID or error on failure.
*/
function register_new_user($user_login, $user_email) {
$errors = new WP_Error();$user_login = sanitize_user( $user_login );
$user_email = apply_filters( ‘user_registration_email’, $user_email );// Check the username
if ( $user_login == ” )
$errors->add(’empty_username’, __(’<strong>ERROR</strong>: Please enter a username.’));
elseif ( !validate_username( $user_login ) ) {
$errors->add(’invalid_username’, __(’<strong>ERROR</strong>: This username is invalid. Please enter a valid username.’));
$user_login = ”;
} elseif ( username_exists( $user_login ) )
$errors->add(’username_exists’, __(’<strong>ERROR</strong>: This username is already registered, please choose another one.’));// Check the e-mail address
if ($user_email == ”) {
$errors->add(’empty_email’, __(’<strong>ERROR</strong>: Please type your e-mail address.’));
} elseif ( !is_email( $user_email ) ) {
$errors->add(’invalid_email’, __(’<strong>ERROR</strong>: The email address isn’t correct.’));
$user_email = ”;
} elseif ( email_exists( $user_email ) )
$errors->add(’email_exists’, __(’<strong>ERROR</strong>: This email is already registered, please choose another one.’));do_action(’register_post’, $user_login, $user_email, $errors);
$errors = apply_filters( ‘registration_errors’, $errors );
if ( $errors->get_error_code() )
return $errors;$user_pass = wp_generate_password();
$user_id = wp_create_user( $user_login, $user_pass, $user_email );
if ( !$user_id ) {
$errors->add(’registerfail’, sprintf(__(’<strong>ERROR</strong>: Couldn’t register you… please contact the <a href=”mailto:%s”>webmaster</a> !’), get_option(’admin_email’)));
return $errors;
}wp_new_user_notification($user_id, $user_pass);
return $user_id;
}//
// Main
//$action = isset($_REQUEST['action']) ? $_REQUEST['action'] : ‘login’;
$errors = new WP_Error();if ( isset($_GET['key']) )
$action = ‘resetpass’;// validate action so as to default to the login screen
if ( !in_array($action, array(’logout’, ‘lostpassword’, ‘retrievepassword’, ‘resetpass’, ‘rp’, ‘register’, ‘login’)) && false === has_filter(’login_form_’ . $action) )
$action = ‘login’;nocache_headers();
header(’Content-Type: ‘.get_bloginfo(’html_type’).’; charset=’.get_bloginfo(’charset’));
if ( defined(’RELOCATE’) ) { // Move flag is set
if ( isset( $_SERVER['PATH_INFO'] ) && ($_SERVER['PATH_INFO'] != $_SERVER['PHP_SELF']) )
$_SERVER['PHP_SELF'] = str_replace( $_SERVER['PATH_INFO'], ”, $_SERVER['PHP_SELF'] );$schema = ( isset($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) == ‘on’ ) ? ‘https://’ : ‘http://’;
if ( dirname($schema . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF']) != get_option(’siteurl’) )
update_option(’siteurl’, dirname($schema . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF']) );
}//Set a cookie now to see if they are supported by the browser.
setcookie(TEST_COOKIE, ‘WP Cookie check’, 0, COOKIEPATH, COOKIE_DOMAIN);
if ( SITECOOKIEPATH != COOKIEPATH )
setcookie(TEST_COOKIE, ‘WP Cookie check’, 0, SITECOOKIEPATH, COOKIE_DOMAIN);// allow plugins to override the default actions, and to add extra actions if they want
do_action(’login_form_’ . $action);$http_post = (’POST’ == $_SERVER['REQUEST_METHOD']);
switch ($action) {case ‘logout’ :
check_admin_referer(’log-out’);
wp_logout();$redirect_to = ‘wp-login.php?loggedout=true’;
if ( isset( $_REQUEST['redirect_to'] ) )
$redirect_to = $_REQUEST['redirect_to'];wp_safe_redirect($redirect_to);
exit();break;
case ‘lostpassword’ :
case ‘retrievepassword’ :
if ( $http_post ) {
$errors = retrieve_password();
if ( !is_wp_error($errors) ) {
wp_redirect(’wp-login.php?checkemail=confirm’);
exit();
}
}if ( isset($_GET['error']) && ‘invalidkey’ == $_GET['error'] ) $errors->add(’invalidkey’, __(’Sorry, that key does not appear to be valid.’));
do_action(’lost_password’);
login_header(__(’Lost Password’), ‘<p>’ . __(’Please enter your username or e-mail address. You will receive a new password via e-mail.’) . ‘</p>’, $errors);$user_login = isset($_POST['user_login']) ? stripslashes($_POST['user_login']) : ”;
?>
<div style=”margin-left:3em;margin-top:3em;”>
<form name=”lostpasswordform” id=”lostpasswordform” action=”<?php echo site_url(’wp-login.php?action=lostpassword’, ‘login_post’) ?>” method=”post”>
<p>
<label><?php _e(’Username or E-mail:’) ?><br />
<input type=”text” name=”user_login” id=”user_login” value=”<?php echo esc_attr($user_login); ?>” size=”20″ tabindex=”10″ /></label>
</p>
<?php do_action(’lostpassword_form’); ?>
<p><input type=”submit” name=”wp-submit” id=”wp-submit” value=”<?php esc_attr_e(’Get New Password’); ?>” tabindex=”100″ /></p>
</form><p id=”nav”>
<?php if (get_option(’users_can_register’)) : ?>
<a href=”<?php echo site_url(’wp-login.php’, ‘login’) ?>”><?php _e(’Log in’) ?></a> |
<a href=”<?php echo site_url(’wp-login.php?action=register’, ‘login’) ?>”><?php _e(’Register’) ?></a>
<?php else : ?>
<a href=”<?php echo site_url(’wp-login.php’, ‘login’) ?>”><?php _e(’Log in’) ?></a>
<?php endif; ?>
</p>
</div>
</div><script type=”text/javascript”>
try{document.getElementById(’user_login’).focus();}catch(e){}
</script>
</div>
<?
include(”wp-content/themes/default/sidebar.php”);
?>
<?
include(”wp-content/themes/default/footer.php”);
?>
</body>
</html>
<?php
break;case ‘resetpass’ :
case ‘rp’ :
$errors = reset_password($_GET['key']);if ( ! is_wp_error($errors) ) {
wp_redirect(’wp-login.php?checkemail=newpass’);
exit();
}wp_redirect(’wp-login.php?action=lostpassword&error=invalidkey’);
exit();break;
case ‘register’ :
if ( !get_option(’users_can_register’) ) {
wp_redirect(’wp-login.php?registration=disabled’);
exit();
}$user_login = ”;
$user_email = ”;
if ( $http_post ) {
require_once( ABSPATH . WPINC . ‘/registration.php’);$user_login = $_POST['user_login'];
$user_email = $_POST['user_email'];
$errors = register_new_user($user_login, $user_email);
if ( !is_wp_error($errors) ) {
wp_redirect(’wp-login.php?checkemail=registered’);
exit();
}
}login_header(__(’Registration Form’), ‘<p>’ . __(’Register For This Site’) . ‘</p>’, $errors);
?>
<div style=”margin-left:3em;margin-top:3em;”>
<form name=”registerform” id=”registerform” action=”<?php echo site_url(’wp-login.php?action=register’, ‘login_post’) ?>” method=”post”>
<p>
<label><?php _e(’Username’) ?><br />
<input type=”text” name=”user_login” id=”user_login” value=”<?php echo esc_attr(stripslashes($user_login)); ?>” size=”20″ tabindex=”10″ /></label>
</p>
<p>
<label><?php _e(’E-mail’) ?><br />
<input type=”text” name=”user_email” id=”user_email” value=”<?php echo esc_attr(stripslashes($user_email)); ?>” size=”25″ tabindex=”20″ /></label>
</p>
<?php do_action(’register_form’); ?>
<p id=”reg_passmail”><?php _e(’A password will be e-mailed to you.’) ?></p>
<br />
<p><input type=”submit” name=”wp-submit” id=”wp-submit” value=”<?php esc_attr_e(’Register’); ?>” tabindex=”100″ /></p>
</form><p id=”nav”>
<a href=”<?php echo site_url(’wp-login.php’, ‘login’) ?>”><?php _e(’Log in’) ?></a> |
<a href=”<?php echo site_url(’wp-login.php?action=lostpassword’, ‘login’) ?>” title=”<?php _e(’Password Lost and Found’) ?>”><?php _e(’Lost your password?’) ?></a>
</p>
</div></div>
<script type=”text/javascript”>
try{document.getElementById(’user_login’).focus();}catch(e){}
</script>
</div>
<?
include(”wp-content/themes/default/sidebar.php”);
?>
<?
include(”wp-content/themes/default/footer.php”);
?>
</body>
</html>
<?php
break;case ‘login’ :
default:
$secure_cookie = ”;// If the user wants ssl but the session is not ssl, force a secure cookie.
if ( !empty($_POST['log']) && !force_ssl_admin() ) {
$user_name = sanitize_user($_POST['log']);
if ( $user = get_userdatabylogin($user_name) ) {
if ( get_user_option(’use_ssl’, $user->ID) ) {
$secure_cookie = true;
force_ssl_admin(true);
}
}
}if ( isset( $_REQUEST['redirect_to'] ) ) {
$redirect_to = $_REQUEST['redirect_to'];
// Redirect to https if user wants ssl
if ( $secure_cookie && false !== strpos($redirect_to, ‘wp-admin’) )
$redirect_to = preg_replace(’|^http://|’, ‘https://’, $redirect_to);
} else {
$redirect_to = admin_url();
}if ( !$secure_cookie && is_ssl() && force_ssl_login() && !force_ssl_admin() && ( 0 !== strpos($redirect_to, ‘https’) ) && ( 0 === strpos($redirect_to, ‘http’) ) )
$secure_cookie = false;$user = wp_signon(”, $secure_cookie);
$redirect_to = apply_filters(’login_redirect’, $redirect_to, isset( $_REQUEST['redirect_to'] ) ? $_REQUEST['redirect_to'] : ”, $user);
if ( !is_wp_error($user) ) {
// If the user can’t edit posts, send them to their profile.
if ( !$user->has_cap(’edit_posts’) && ( empty( $redirect_to ) || $redirect_to == ‘wp-admin/’ || $redirect_to == admin_url() ) )
$redirect_to = admin_url(’profile.php’);
wp_safe_redirect($redirect_to);
exit();
}$errors = $user;
// Clear errors if loggedout is set.
if ( !empty($_GET['loggedout']) )
$errors = new WP_Error();// If cookies are disabled we can’t log in even with a valid user+pass
if ( isset($_POST['testcookie']) && empty($_COOKIE[TEST_COOKIE]) )
$errors->add(’test_cookie’, __(”<strong>ERROR</strong>: Cookies are blocked or not supported by your browser. You must <a href=’http://www.google.com/cookies.html’>enable cookies</a> to use WordPress.”));// Some parts of this script use the main login form to display a message
if ( isset($_GET['loggedout']) && TRUE == $_GET['loggedout'] ) $errors->add(’loggedout’, __(’You are now logged out.’), ‘message’);
elseif ( isset($_GET['registration']) && ‘disabled’ == $_GET['registration'] ) $errors->add(’registerdisabled’, __(’User registration is currently not allowed.’));
elseif ( isset($_GET['checkemail']) && ‘confirm’ == $_GET['checkemail'] ) $errors->add(’confirm’, __(’Check your e-mail for the confirmation link.’), ‘message’);
elseif ( isset($_GET['checkemail']) && ‘newpass’ == $_GET['checkemail'] ) $errors->add(’newpass’, __(’Check your e-mail for your new password.’), ‘message’);
elseif ( isset($_GET['checkemail']) && ‘registered’ == $_GET['checkemail'] ) $errors->add(’registered’, __(’Registration complete. Please check your e-mail.’), ‘message’);login_header(__(’Log In’), ”, $errors);
if ( isset($_POST['log']) )
$user_login = ( ‘incorrect_password’ == $errors->get_error_code() || ‘empty_password’ == $errors->get_error_code() ) ? esc_attr(stripslashes($_POST['log'])) : ”;
?><?php if ( !isset($_GET['checkemail']) || !in_array( $_GET['checkemail'], array(’confirm’, ‘newpass’) ) ) : ?>
<div style=”margin-left:3em;margin-top:3em;”>
<form name=”loginform” id=”loginform” action=”<?php echo site_url(’wp-login.php’, ‘login_post’) ?>” method=”post”>
<p>
<label><?php _e(’Username’) ?><br />
<input type=”text” name=”log” id=”user_login” value=”<?php echo esc_attr($user_login); ?>” size=”20″ tabindex=”10″ /></label>
</p>
<p>
<label><?php _e(’Password’) ?><br />
<input type=”password” name=”pwd” id=”user_pass” value=”" size=”20″ tabindex=”20″ /></label>
</p>
<?php do_action(’login_form’); ?>
<p><label><input name=”rememberme” type=”checkbox” id=”rememberme” value=”forever” tabindex=”90″ /> <?php esc_attr_e(’Remember Me’); ?></label></p>
<p>
<input type=”submit” name=”wp-submit” id=”wp-submit” value=”<?php esc_attr_e(’Log In’); ?>” tabindex=”100″ />
<input type=”hidden” name=”redirect_to” value=”<?php echo esc_attr($redirect_to); ?>” />
<input type=”hidden” name=”testcookie” value=”1″ />
</p>
</form><?php endif; ?>
<p id=”nav”>
<?php if ( isset($_GET['checkemail']) && in_array( $_GET['checkemail'], array(’confirm’, ‘newpass’) ) ) : ?>
<?php elseif (get_option(’users_can_register’)) : ?>
<a href=”<?php echo site_url(’wp-login.php?action=register’, ‘login’) ?>”><?php _e(’Register’) ?></a> |
<a href=”<?php echo site_url(’wp-login.php?action=lostpassword’, ‘login’) ?>” title=”<?php _e(’Password Lost and Found’) ?>”><?php _e(’Lost your password?’) ?></a>
<?php else : ?>
<a href=”<?php echo site_url(’wp-login.php?action=lostpassword’, ‘login’) ?>” title=”<?php _e(’Password Lost and Found’) ?>”><?php _e(’Lost your password?’) ?></a>
<?php endif; ?>
</p>
</div>
</div><script type=”text/javascript”>
<?php if ( $user_login ) { ?>
setTimeout( function(){ try{
d = document.getElementById(’user_pass’);
d.value = ”;
d.focus();
} catch(e){}
}, 200);
<?php } else { ?>
try{document.getElementById(’user_login’).focus();}catch(e){}
<?php } ?>
</script>
</div>
<?
include(”wp-content/themes/default/sidebar.php”);
?>
<?
include(”wp-content/themes/default/footer.php”);
?>
</body>
</html>
<?phpbreak;
} // end action switch
?>
