One Man's Blog

Specialization is for Insects.

Home / Wordpress / Customize the Wordpress Login Screen in 10 Steps

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

    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

    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

  8. Pranjalgupta says

    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

    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.

  11. Milind says

    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

  13. Johan de Groot says

    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

    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

    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

    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

    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.

  20. Tudor says

    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?

  24. Smart Brotha says

    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

    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