• Home
  • About John P.
  • Contact
  • Terms

One Man's Blog

Specialization is for Insects.

  • 10 Best
  • Art
  • Computing
  • Fun Stuff
  • Gadgets
  • Videos
  • Photography
  • Travel
  • Tutorials
  • Health & Fitness
  • Politics
  • Thoughts
  • Food
  • Reviews
  • 10 Best
  • Art
  • Computing
  • Fun Stuff
  • Gadgets
  • Videos
  • Photography
  • Travel
  • Tutorials
  • Health & Fitness
  • Politics
  • Thoughts
  • Food
  • Reviews
Home / Wordpress / Customize the Wordpress Login Screen in 10 Steps

Customize the WordPress Login Screen in 10 Steps

John P.

January 17, 2007 By John P.

Wordpress Customized LoginTo my normal readers… sorry, but this post is not for you.

I’ve been asked technical questions by several people about WordPress, the software I use to publish OneMansBlog.com. So, I’ll be adding in posts occasionally pertaining specifically to WordPress hacks, tips and (hopefully) generally useful information for Blog publishers.

Wordpress Default LoginThis first tip involves customizing the login screen that your users see when they log into your blog. Normally when users choose the login or register link a page is displayed with a giant WordPress logo which my users find to be extremely confusing. The average reader doesn’t know what WordPress is, so it would be far more appropriate for that link to go to your site. I consider this the biggest oversight in the WordPress package.

This hack will require editing three files:

  • /wp-login.php
  • /wp-register.php
  • /wp-admin/wp-admin.css

Step 1: Download copies of these three files to your desktop, or your preferred location.

Step 2: Using Notepad, or your preferred editor, open the wp-login.php file.

Step 3: Do a search for the following text:
<h1><a href="http://wordpress.org/">WordPress</a></h1>
There will be two instances within the file and both will need to be changed.

Step 4: Replace the Heading and Hyperlink with the name of your blog and a link to your home page. For example, I used:
<h1><a href="https://onemansblog.com/">One Man's Blog</a></h1>

Step 5: Save and upload the file.

Step 6: Using Notepad, or your preferred editor, open the wp-register.php file.

Step 7: Repeat steps 3-5.

Step 8: Using Notepad, or your preferred editor, open the wp-admin.css file.

Step 9: Do a search for the following text, and delete it:
#login h1 {
background: url(images/wordpress-logo.png) no-repeat top left;
margin-top: 0;
}
#login h1 a {
display: block;
text-indent: -1000px;
height: 66px;
border-bottom: none;
}

Step 10: Save and upload the file.

The whole process should take you about 10 minutes, but it will benefit your users from now on.

One thing to keep in mind… unlike your custom theme, when you upgrade to a newer version of WordPress it will over-rite these changes and you will need to perform these steps again. For that reason you might want to bookmark this page if you think you might need the instructions again.

If you have any questions about this, or other WordPress features you find on my blog, feel free to leave a comment and I’ll see what I can do to help.

Related

Filed Under: Wordpress Tagged With: Customize, Hack, Login-Screen, Wordpress

About John P.

John P. is a former CEO, former TV Show Host, and the Founder and Wizard behind Texas Metal Works. You can find him on Twitter, Facebook and LinkedIn. Feel free to send shoutouts, insults, and praise. Or Money. Money is good.

Comments

  1. bookworm says

    May 27, 2013 at 1:29 am

    mając do wszechmocy owce, połaszczyłby się na łykowate, bookworm zasuszone dziewice.
    – Do rzeczy – przynaglił
    Arnolda, jaki wymrukiwał u dołu nosem jakiekolwiek
    przekleństwa. – Powiadasz, że oficjalnie g.

  2. Glatlymax says

    January 27, 2013 at 3:09 pm

    buy generic augmentin online
    buy augmentin xr online
    can augmentin get you high
    where to buy augmentin online
    buy augmentin duo

    Can I Buy Augmentin FedEx DE

  3. HelloMan says

    April 18, 2012 at 7:06 am

    Hier gibt es ein neues Blog uber Suchmaschinenoptimierung! Sehr interessant! http://webstrokeblog.blogspot.com

  4. ForumStaff says

    April 22, 2011 at 11:24 pm

    ForumStaff

  5. Slate Blank says

    April 15, 2011 at 2:28 am

    Before I begin my 10 step journey, was wondering if this is still valid for 3.0…

  6. katemgilbert says

    August 5, 2010 at 11:24 am

    For WordPress 3.0, I found the correct instructions for swapping out the WordPress logo in this thread, down near the bottom: http://wordpress.org/support/topic/im-looking-for-the-wp-login-images?replies=1

    Image is:

    /wp-admin/images/logo-login.gif

    This is referenced by:

    /wp-admin/css/login.css

    This worked for me in less than 10 minutes. Success!

  7. Anurag says

    June 28, 2010 at 10:47 pm

    nice thanx a lots

  8. Pranjalgupta says

    March 27, 2010 at 3:22 pm

    hi i just want to know that instead of this login customization can i use login page wp-login.php as my theme page similarly as Slashgear.com uses to login their account.

    plz help me

  9. 2base tl says

    January 7, 2010 at 10:22 am

    I found your blog on google and read a few of your other posts. I just added you to my Google News Reader. Keep up the good work Look forward to reading more from you in the future.

  10. conrads says

    December 17, 2009 at 2:48 am

    very nice touch, thanks for sharing this… really need this for my own company website login page..

  11. Milind says

    December 4, 2009 at 3:55 am

    Hi friends,
    I am new user of wordpress .I have integrate wordpress with site(it is made in plain PHP)It installed successfully but now I need a single login screen and after logged in, users will redirect to a common Control Panel. Presently, I hace two control panel one is my site(which is created into plain php) another one is “wp”(after wp installation.)
    2. Need to register users from the non-wordpress based site. But I don’t how can I achieve the following:

    [A] On registration time, store password in the user table. Please help to create the password with wordpress encrypion.

    [B] How can compare the password with database password on login time?

    3. Where can I find out WordPress Function References?

    I hope that, the comment is active and will help me as soon as possible

  12. ddauu says

    November 30, 2009 at 5:17 pm

    testing your comment thing.

  13. Johan de Groot says

    August 16, 2009 at 6:47 am

    I read this works only for 2.1 and lower.
    We are now at 2.8.4 and these rules do not apply, as rhe mentioned contents is not there in the newer editions.
    Anyone knows where is now the location of the WordPress image logo, and how to further edit the page?
    thanks for your time

  14. Chrysta says

    May 7, 2009 at 12:21 am

    I am unable to do these steps. When I go to my wp-admin/wp-admin.css file, I can’t find what you put down here for me to delete…I did the first two parts, but I can’t do this part. Is there any way that you can make me a copy of the wp-admin/wp-admin.css so I can just replace what I have with the right thing? Please, please help, this is all I need to complete my site! I would be forever grateful!

    Step 8: Using Notepad, or your preferred editor, open the wp-admin.css file.

    Step 9: Do a search for the following text, and delete it:
    #login h1 {
    background: url(images/wordpress-logo.png) no-repeat top left;
    margin-top: 0;
    }
    #login h1 a {
    display: block;
    text-indent: -1000px;
    height: 66px;
    border-bottom: none;
    }

    Step 10: Save and upload the file.

  15. Andy says

    January 27, 2009 at 2:41 am

    Hi John,
    I was just wondering if there is a way to Register Users without having them check their email for password?
    For example:
    A user wishes to register on blog, they click the Register link and then they can fill the Username and Email ID. When they click Submit, instead of sending them the password through email, a pop-up or a new window comes up which shows their password. They can simply copy the password and login to their account by going to the Login Link.

    When we initially setup the blog, we get two options:
    1. Title of the Blog
    2. Admin E-mail ID
    Once we fill up both fields and click submit, the next screen we see is the Admin generic password information which shows the User:Admin and Password:xxxxxxxxxxx
    Is it possible to have something like this done for subscribers?

    I know, not an easy task, but I think, its not impossible.
    OR
    Is there any plugin that could allow this functionality?
    Any help will be much appreciated.

    Regards,
    Andy.

  16. Andy says

    January 25, 2009 at 2:04 am

    OMG! I can’t believe that I am already done!!
    I have setup and changed the wordpress dashboard according to my needs. It seemed like everything was there in the dashboard.php
    So, if anyone is still trying to find out how to allow subscribers to view ONLY what the admin wishes to, I have the perfect answer.
    I can’t write everything in one go, but here is some initial help. If OneMansBlog allows me, I can probably write a good article to help others setup Dashboard and display only that information what they want to. This code can be used to display WHATEVER you wish.


    function wp_dashboard_setup() {
    global $wp_registered_widgets, $wp_registered_widget_controls, $wp_dashboard_control_callbacks;
    $wp_dashboard_control_callbacks = array();

    $update = false;
    $widget_options = get_option( 'dashboard_widget_options' );
    if ( !$widget_options || !is_array($widget_options) )
    $widget_options = array();

    // Create the function to output the contents of our Dashboard Widget

    function ksuser_dashboard_widget_function() {
    // Display whatever it is you want to show
    echo "Welcome to Kiss-Slap.com! A little know-how about your account. On left side, you can update your profile, add your name, change your password and update your Emial ID. Once done, you can save your profile settings.Upload Your Photo Now!";
    }

    // Create the function use in the action hook

    function ksuser_add_dashboard_widgets() {
    wp_add_dashboard_widget('ksuser_dashboard_widget', 'Your Account', 'ksuser_dashboard_widget_function');
    }

    // Hoook into the 'wp_dashboard_setup' action to register our other functions

    add_action('wp_dashboard_setup', 'ksuser_add_dashboard_widgets' );

    /* Register Widgets and Controls */

    // Right Now
    // wp_add_dashboard_widget( 'dashboard_right_now', __( 'Right Now' ), 'wp_dashboard_right_now' );

    // Recent Comments Widget
    // $recent_comments_title = __( 'Recent Comments' );
    // wp_add_dashboard_widget( 'dashboard_recent_comments', $recent_comments_title, 'wp_dashboard_recent_comments' );

    // Incoming Links Widget
    /* if ( !isset( $widget_options['dashboard_incoming_links'] ) || !isset( $widget_options['dashboard_incoming_links']['home'] ) || $widget_options['dashboard_incoming_links']['home'] != get_option('home') ) {
    $update = true;
    $widget_options['dashboard_incoming_links'] = array(
    'home' => get_option('home'),
    'link' => apply_filters( 'dashboard_incoming_links_link', 'http://blogsearch.google.com/blogsearch?hl=en&scoring=d&partner=wordpress&q=link:' . trailingslashit( get_option('home') ) ),
    'url' => apply_filters( 'dashboard_incoming_links_feed', 'http://blogsearch.google.com/blogsearch_feeds?hl=en&scoring=d&ie=utf-8&num=10&output=rss&partner=wordpress&q=link:' . trailingslashit( get_option('home') ) ),
    'items' => isset($widget_options['dashboard_incoming_links']['items']) ? $widget_options['dashboard_incoming_links']['items'] : 10,
    'show_date' => isset($widget_options['dashboard_incoming_links']['show_date']) ? $widget_options['dashboard_incoming_links']['show_date'] : false
    );
    }
    wp_add_dashboard_widget( 'dashboard_incoming_links', __( 'Incoming Links' ), 'wp_dashboard_incoming_links', 'wp_dashboard_incoming_links_control' ); */

    // WP Plugins Widget
    if ( current_user_can( 'activate_plugins' ) )
    wp_add_dashboard_widget( 'dashboard_plugins', __( 'Plugins' ), 'wp_dashboard_plugins' );

    // QuickPress Widget
    if ( current_user_can('edit_posts') )
    wp_add_dashboard_widget( 'dashboard_quick_press', __( 'QuickPress' ), 'wp_dashboard_quick_press' );

    I have displayed a few extra lines of coding so that you can find out where is what. This is the page at wordpress that you should read to customize dashboard fully:

    http://codex.wordpress.org/Dashboard_Widgets_API

    This is the original code that I inserted in dashboard.php file:

    // Create the function to output the contents of our Dashboard Widget

    function example_dashboard_widget_function() {
    // Display whatever it is you want to show
    echo "Hello World, I'm a great Dashboard Widget";
    }

    // Create the function use in the action hook

    function example_add_dashboard_widgets() {
    wp_add_dashboard_widget('example_dashboard_widget', 'Example Dashboard Widget', 'example_dashboard_widget_function');
    }

    // Hoook into the 'wp_dashboard_setup' action to register our other functions

    add_action('wp_dashboard_setup', 'example_add_dashboard_widgets' );

    All I did was change the ‘example’ to ‘ksuser’.

    To see how it looks, you can visit my site and then create an account. When you login, you will see only that stuff that I allowed you to see.

    This code is yet not completely customized, I will have to invest more time. One drawback of removing other parts is that, even admin doesn’t see those widgets. Hmmm.. anyone can help further customizing it?

    Regards,
    Andy.

  17. Andy says

    January 25, 2009 at 12:35 am

    I wish I had seen this article before. I did all that is mentioned in this wonderful article. Thanks a lot for devoting time to write this article. Now I’m trying to find out ‘how to change the redirect which goes to Admin console’. Here is what I’m trying to do. If the admin logs in to the console, it should redirect to wp-admin, but if a subscriber logs in, there is no use of sending them to the wp-admin page since editing their profiles wont do any good. Their profiles are not accessible to other users (I have setup the blog that way). How to redirect them back to the blog? Thats an important question and trying to find an answer to this.
    Another thing that I’m trying to do is to have the login/register form in the Header section which should be visible on all front-end pages.
    This is what I’m trying to do:
    On the top right of front-end pages, the visitors see Login/Register form. They click on register, they see the wp-login page. They fill out their credentials (username and email). Then they are redirected to the main page of website. They receive their password in email, they visit the website and use their username and password right up the top to login and do whatever they are allowed to do.
    I guess, this simple thing will need a lot of customization in the files wp-login.php (this is where they are redirected to wp-admin page after logging in).

    If I’m unsuccessful in doing all that mentioned above, this is what I will do:
    If a user logs in and see the wp-admin which is Dashboard, I would like to remove all that information a subscriber see on right side. Left side is fine with Profile and Tools. On right side, they should not be able to see How many posts are there, how many comments, recent comments, incoming links to the blog, etc. Remove that and instead make it look like a regular page. I guess, this can be achieved two ways. Editing the dashboard.php file and removing those things that a subscriber see. But if I // (remove) those 3 elements, that happens even for the admin. Yeah, I know, its nuts. Anyway, what I’m thinking of doing is, make another page template and then put all information in it and make a call in dashboard.php to that file. I guess, it is going to be viewable for both – admin and subscribers.
    Phew … what a mind job, but it is fun.
    Is there anything that you can suggest on all this I mentioned? I would appreciate if you can suggest anything that can help directing my mixed-up thoughts.
    Regards,
    Andy.

  18. Aaron Diers says

    January 3, 2008 at 4:29 pm

    I’m working on modifying a Register page, and I’ve been able to make changes via the following plugin:
    http://www.dealsway.net/2007/11/05/wp-user-manager/

    It’s not as flexible as I would like, so I’m still searching. Good luck!

  19. Hoodler says

    October 18, 2007 at 12:18 pm

    I’m also interested in adding fields to the Register page…?

    Any help available?

  20. Tudor says

    May 23, 2007 at 9:44 am

    Does anyone know how I can add fields to the ‘Register’ page? I want people to give their full details – their phone number, address and birth date when signing up to post/comment on my website. How can i do that?

  21. John P. says

    May 12, 2007 at 7:33 pm

    Thanks for the heads up. I’ll try to take a look at 2.1 and post updated info when I get a chance.

    John

  22. Astorg says

    May 12, 2007 at 5:56 pm

    This will only work in versions prior to WordPress 2.1.

  23. HelloWorld says

    April 28, 2007 at 5:04 am

    Peace people

    We love you

  24. Smart Brotha says

    April 7, 2007 at 9:08 am

    Nice help. I pretty much do the same thing. But instead of actually deleting the lines, another idea for people to do is to just download the images and edit/replace them with their own personal images. As long as they remember to keep the same dimensions. This will look even better…

  25. iklanhot.com says

    February 5, 2007 at 6:29 am

    Hi,
    Nice 10 steps.

    What if I want to use the template in page.php, and inside that template page (page.php) i want to present your already customized login page.

    I thought it will be much better :)

    Cheers

John P’s Tweets

Tweets by johnpoz

Read Over 2,500,000 Times

  • How I'd Hack Your Weak Passwords
  • Amusing Little Helicopter Game
  • A Compendium of 150 Monty Python Sketches
  • 10 Worst Drivers Ever Caught On Video
  • Get Your Virtual Haircut and Other Auditory Illusions
  • How Crack Cocaine is Made

Copyright © 2023 · Local Media on Genesis Framework · WordPress · Log in