How to Customize The Default WordPress Login Screen

36 responses

  1. Tinh
    June 9, 2010

    Nice tricks, I need to follow this soon. Thanks

    • saorabh
      June 9, 2010

      Thanks Tinh.. :)

  2. VISHAL
    June 9, 2010

    Awesome trick

    thanks a lot :-)

    • saorabh
      June 9, 2010

      Thanks for appreciating me Vishal and your comment. :)

  3. Hami
    June 9, 2010

    Wow that will surely help us a lot getting our Wp site more personalized. Thanks Saorabh for such a nice article of yours..

    • saorabh
      June 9, 2010

      Thanks Hami..
      I’m glad you find the post is useful.

  4. sriganesh
    June 9, 2010

    thanks for the tip :D , i just want to remove the Wp logo and place min, is that possible to rename my logo with wp logo name and replace it ??? will it take effect. i dont want to try before knowing its safe !! – reply brother

    • saorabh
      June 9, 2010

      Of course you can change your logo name, its up to you which image you want to display in that place.
      Thanks for you comment dude.. :)

  5. Anant Shrivastava
    June 9, 2010

    Try using Theme my login plugin a good utility to match the login with theme.

    http://wordpress.org/extend/plugins/theme-my-login/

    • saorabh
      June 10, 2010

      Yes you can change your login screen using this plugin but here I am trying to make wp-login as part of our theme which will stores inside the theme folder…
      Thanks for your comment Anant:)

      • Anant Shrivastava
        June 10, 2010

        Ohk Got it.

        but the only concern with manual approach is if you edit the theme files you have to re-edit any new theme you want to use or if you edit core then with every release you need to redit.

        that’s why i like plugin’s anyways that’s my opinion.

  6. Ritu Sharma
    June 9, 2010

    Thanks saurabh.
    I have tried the logo part and was successful, now i will be changing the LOGIN button style

    • saorabh
      June 9, 2010

      Ohh good :) , go ahead for next level ..Thanks for your comment Ritu :)

  7. sumri
    June 9, 2010

    good tutorial bro. will try to modify mine.

    • saorabh
      June 10, 2010

      Thanks for your comment sumri.. :)

  8. Mukundan Srinivasan
    June 9, 2010

    I am going to change the login screen of my blog. Pretty Interesting. I think using plugins will be a time saving option instead of handling these codes.

    • saorabh
      June 10, 2010

      Plugins and the given code will do the same, Here I am trying to let you know that we can make our login screen as a part of our theme not a part of wordpress core or plugins…

  9. Melvin
    June 9, 2010

    cool! now i see why some sites sport that custom look. the problem is when the wp version updates, it would get deleted right?

    • saorabh
      June 10, 2010

      I don’t think so, as we are going to save all the files and images in our current theme folder, So its not going to delete after updating WordPress..
      Thanks for your Comment Melvin:)

  10. Arun
    June 10, 2010

    Cool hack, helps for those who are planning to brand their blog.

    • saorabh
      June 10, 2010

      Yes Arun right.. Thanks For your Comment:)

  11. saorabh
    June 10, 2010

    Thanks Anis..
    I am happy that you find this simple tutorial is useful…

  12. SmashinGeeks
    June 10, 2010

    I also changed my login screen :

    http://smashingeeks.com/wp-admin

    • saorabh
      June 10, 2010

      I am glad that this tutorial helps you for changing your login screen..
      Thanks for your comment:)

  13. Tony
    June 16, 2010

    Great instructions. Followed them and they worked perfectly. I especially like being able to change the WP admin footer.

    One request — my logo is wider than the WP logo and the form. Is it possible to shift the area where the logo goes to the left, in order to center it over the form?

    Tony

  14. Justin Germino
    July 4, 2010

    I actually chose a more powerful plug-in for customizing your WordPress Login Page, it offers more customization like background color, full CSS style over the page and form itself and the banner image part. But this one was the most popular one and I saw FamousBloggers was using it as well. The theme I wound up using was called “Custom Login” written by Austin Passy.

    • saorabh
      July 6, 2010

      Hello Justin,
      Thanks for your comment.
      Yes your are right the wordpress plugin “Custom Login” is more powerful but we are trying to change the login screen without using plugins. If the options are available why plugins, If you want to do something more with login screen plugins are welcome.
      :)

  15. Sumon
    July 9, 2010

    awesome tricks @ thanks

  16. Alfonso Pauling
    July 17, 2010

    We really dig what you write about here. I try and check your blog every day so keep up the good posts!

  17. Oren
    January 13, 2011

    hi.
    is there a way to change the text in the box in login page ?
    thanks,
    oren

  18. sanjeev
    March 15, 2011

    Nice article. i will change my old login screen. thanks

  19. Gowtham
    May 31, 2011

    Thanks for the nice tutorial . Have bookmarked it for later use as my site is a new one must do this after implementing the revenue sharing program.

  20. Den
    September 5, 2012

    But when updating WP, need to backup this first or it will overwritten by newer wp-login.php file…

  21. Aeryn Lynne
    September 12, 2012

    Thanks for the code! Couldn’t get the “change_wp_login_title” and “change_wp_login_url” to work though without changing “echo” to “return”.

  22. Laurean
    December 29, 2012

    I have to agree with Aeryn Lynne – Thanks for the code! Couldn’t get the “change_wp_login_title” and “change_wp_login_url” to work. The echo works, but not the title/url. ;-( bummer.

  23. Afsal Rahim
    January 25, 2013

    I had rather created a simple plugin for this and using it for all my sites now.
    You can get it from the wordpress plguins: http://wordpress.org/extend/plugins/my-wp-login-logo/

Leave a Reply

 

 

 

Back to top
mobile desktop