How to Customize the WordPress Login Screen

For WordPress bloggers, the wordpress login page is the most common page you visit everyday to login and edit your blog. Though they have beautified the login screen (blog-url/wp-login.php) in WordPress 2, you can customize it further to express your creativity.

I never really need to visit the login screen since I use a single user personal computer and click the “Remember me” box, such that I stay logged in forever. However, there are many people who need to login daily for security reasons on public computers (which is a good idea), and a custom login screen would be a good idea.

I got this idea from Rishi Raj who is trying to give a professional touch to his blog by changing the images of the wp-login.php file. He advises to change the login-bkg-tile.gif and login-bkg-bottom.gif / login-bkg-bottom_new.gif images located in your blog’s /wp-admin/images folder. Replace with your custom images taking care of similar size and placement. Remember to keep a dark background or the white text will merge with a white background. Its a simple substitution of images which is safe also since you do not edit any php coding.

Again its a quick job. But remember that when you upgrade wordpress, all these customizations have to be redone. Based on these 2 tips, you can develop your own ideas. I stress the importance of backing up the original copy of all these files before editing these php files, so you can always ftp the original file if something goes very wrong.

If your wordpress install supports multiple users, edit the login screen and surprise other users! I am sure you will get a lot of buzz…

Share with friends

8
Leave a Reply

Leave a Reply

  Subscribe  
newest oldest most voted
Notify of
Rishi
Rishi

Thanks for the credit work! and also thanks for nicely explaining it!

Johny
Johny

Thank you for the very well explained info, i’m designing a wordpress theme, i never took into consideration the login page, but now I know it’s importance :) thanks

Leyla
Leyla

Amazing data, gracias!

shantam
shantam

thanks for the info. dude

Dennis "DennisKnows" Marshall
Dennis "DennisKnows" Marshall

I want to make my login screen look like a bing page. With the nice graphics

Daniel Sydnes
Daniel Sydnes

Egads, please don’t edit the WordPress core. Put customizations where they belong — in a theme or plugin.

The relevant API functions are the login_* filters, which have been available since WP 2.1 (January 2007):

http://codex.wordpress.org/Plugin_API/Filter_Reference
http://codex.wordpress.org/Plugin_API/Action_Reference/login_head
http://codex.wordpress.org/Plugin_API/Filter_Reference/login_headerurl

A walk-through article on the proper technique is available here:

http://www.problogdesign.com/wordpress/custom-wordpress-login-screen/

Smith harshan
Smith harshan

Thank you bro.Really good job.once again thanks!

raheel
raheel

Thanks a lot for this help admin.