An excellent tutorial on how to customise your WordPress Login Screen has been written by Michael Martin over at Pro Blog Design.

And you don't have to worry that you have to redo it all after a WordPress upgrade, because you add the code into your theme files.

The tutorial explains that you start with adding the following 6 lines of code to your functions.php file:

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

If your theme doesn't have a functions.php file, you can open notepad, add the lines of code and save it as one.

Then you have to create a new folder in your theme's folder and call it for example custom-login. Inside that folder you create a new stylesheet called custom-login.css.

The only thing left for you to do is to make some funky new CSS rules to give yourself (or your clients) a cool refreshing login!

Alex Denning of Nometech.com made a screencast available on this same subject.

Popularity: 35% [?]