» » » » How to Customize Wordpress Login Page
Customizing the WordPress login page is very easy. You only need to slightly modify the functions.php file in your theme and add a CSS (Cascading Style Sheet) file to the theme. Just follow these steps to customize your own Wordpress login page.

Custom Wordpress Login Page
Preparation:
  1. Before you start, you must prepare a CSS file that will be used to customize the login page. To make it easier, you can copy all the contents of login.css file. This file located in your Wordpress installation folder /wp-admin/css/login.css. Place that file to your theme directory. Give it the name as mylogin.css for example. (Sure you can use another name).
  2. Prepare a custom logo to replace the default Wordpress logo that appears on the login page. We recommend using the same size as the Wordpress login logo. You can place this logo in the same folder as mylogin.css placed.
If you have completed the preparation steps above, now it's time for you to modify the file functions.php. Follow these instructions carefully, errors in modifying this file would be fatal to your blog appearance.
  1. Go to your theme editor menu on your Wordpress dashboard.
  2. Open the functions.php file
  3. Now copy these code right after the first <?php tag
    /* Replace Default Wordpress Logo with Custom Logo. */
    function my_custom_login_logo() {
        echo '<style type="text/css">
            h1 a { background-image:url(' . get_bloginfo('template_directory') . '/customloginlogo.png) !important; }
        
    </style>';
    }
    add_action('login_head', 'my_custom_login_logo');
    
    /* Replace login page styling */
    function my_login_css() {
        echo '<link href="' . get_bloginfo('template_directory') . '/mylogin.css" rel="stylesheet" type="text/css"></link>';
    }
    add_action('login_head', 'my_login_css');
    
  4. Save it, then test your login page.
If you do so in accordance with the above steps, you should have the login page already changed. If you want to modify the background color or something else, you can edit mylogin.css file as you wish. There you have a custom wordpress login page with your own style ;)

Got something to say?