Customize WordPress Login

Do you want a Custom WordPress Login Screen?

It is very easy, keep reading.

1. Create a new folder into your theme.

I’ll call it custom_login.

Inside the folder create a CSS file. Mine will be custom_login.css

2. Add the line

Add this line to your functions.php file (will be inside your theme folder. If it doesn’t exist create it)

NOTE: please notice the custom_login folder and the custom_login.css file in the code.

3. Styles

Add your styles into the custom_login.css

I used one image (stored in this new folder we just created) and my own logo.

Done!

Check out my new custom login page http://php.quicoto.com/wp-login.php

3 Responses to “Customize WordPress Login”

  1. Mark May 21, 2010 at 1:47 pm #

    I found this tutorial that uses FancyBox a couple of days ago. http://net.tutsplus.com/tutorials/wordpress/quick-tip-making-a-fancy-wordpress-register-form-from-scratch/. the wp-login page is always left out of the design scheme. Thanks for cleaning that up!

    • quicoto May 21, 2010 at 1:49 pm #

      Hi Mark,

      The tutorial fron nettuts its great but pretty much harder.

      Wich one will you use? 🙂

  2. Mark May 21, 2010 at 1:58 pm #

    The Nettuts tutorial has been sitting on my browser for a couple of days. It is quite a bit of work; I am not quite ready to spend my time on it! Simple is usually the best practice.

Leave a Reply

Add <code> Some Code </code> by using this tags.