Custom Login Screen for Mystique Theme 2.4.3

Update

This tutorial was written for the Mystique WordPress theme up to 2.4.3 and since version 3.0 the themes code has change that much that these tutorial no longer work. Read this article if you are using new version of Mystique theme: How to Change the Login Screen in Mystique 3.0+.

Searching for custom login screen for Mystique theme I finally reached Chris K Designs and thanks to him for the same but oops it wasn’t working fine. Later as I was not a newcomer in this field I thought of working on it and very soon after a few modifications with the help of my colleague Nidheeshdas Thavorath we did it and here we are making it available for you all. It is very easy to customize Login screen for Mystique WordPress Theme.

First you need to download the custom-login.zip file, unpack it, then upload the custom-login folder to your mystique folder. The directory is ‘/wp-content/themes/mystique/’.

Now, under Appearance -> Mystique Settings -> Advanced -> User functions, add following code:

<?php
function custom_login() {
echo 'css" href="' . get_bloginfo('template_directory') . '/custom-login/custom-login.css" />';
}
add_action('login_head', 'custom_login');

function change_wp_login_url() {
echo bloginfo('url');
}
add_filter('login_headerurl', 'change_wp_login_url');

function change_wp_login_title() {
echo get_option('blogname');
}
add_filter('login_headertitle', 'change_wp_login_title');
?>

and then click on Save Changes and you have done it.

Also Read: 50 Most Wanted Mystique Theme Modifications, Hacks – Version 2.4.3.

If you’re facing any problems let us know in form of comments below.