Custom branded login screen for WPMU

I first visited this topic last year, but just gave a quick overview of a plugin you can edit. Since the process is a wee bit different in 2.7, I thought I’d just go ahead and release a quick plugin for you to play with.

Grab the zip here Custom Login (980), unzip it in your mu-plugins folder. You will have:

  • custom-login.php
  • custom-login (folder)
    • custom-login.css
    • logo.jpg

Replace logo.jpg with your own site logo. If it’s a different name, edit custom-login.css to reflect it. Everyone on the system will see your logo when they log in. You can add more styling to the included css file if you wish. Take a look at the standard login screen’s css, paste in what you need with the changes you want.

(Thanks to Binary Moon and Milo’s guest post on Pro Blog Design.)

[Post to Twitter] Tweet This Post 


bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark
tabs-top  banner ad


25 Responses to “Custom branded login screen for WPMU”

  1. alunsina says:

    great job.

    been planning to do this for quite a while but this gave me the perfect push. thanks a lot!

  2. Ovidiu says:

    small error in the css file:

    /* Custom Login Styles */

    h1 a {
    background:url(../wp-content/mu-plugins/custom-login/logo.jpg) no-repeat;

    }

    should be

    /* Custom Login Styles */

    h1 a {
    background:url(/wp-content/mu-plugins/custom-login/logo.jpg) no-repeat;

    }

  3. WPPR says:

    Great plugin Andrea, thanks for repackaging it for 2.7:)

  4. That was a great idea Andrea, nice work!

    Milo showed me this link, I’ve added it onto the post at Pro Blog Design now. Thanks for the linking to me in the first place! :)

  5. BlogSavy says:

    Very helpful, I totally forgot about this plugin. Thanks for hacking it for 2.7!

  6. rootcan says:

    great plugin ;) vey thanks Andrea.

  7. Kyle says:

    great job!

    thanks for this plugin

  8. George says:

    I am getting a 404 error when I try to download this.

  9. Adam says:

    Unable to download, got 404 error

  10. Ron says:

    I’ve fixed the download issue.

  11. George says:

    Thanks for fixing the download.

  12. Flynn says:

    Thanks for this plugin, it should make changing logos very easy. But…

    Is it compatible with WPMU 2.7.1? I uploaded it to my mu-plugins folder and nothing has happened. No errors, no new logo, it’s like it’s not there. If placed in the regular plugins folder i can activate it, but it doesn’t do anything.

    Thoughts?
    ~ Flynn

  13. vijay says:

    For me also nothing happens
    .-= vijay´s last blog ..Easy Cooking Flash Flash =-.

  14. syamsul says:

    Hi, I hope you’ll get around to updating this for WPMU 2.8.1 soon! :)

    • andrea says:

      Should work fine on the latest version, as nothing was changed in that area of the core. :) If you’re having an issue getting it running, let me know.

  15. d. says:

    Hello,

    Thanks for this custom login screen look, works perfectly with 2.8.1. I’ve got a question regarding custom authentication:
    according to the docs, wp has a hook “wp_authenticate”: “Runs to authenticate a user when they log in. Action function arguments: array with user name and password”, so in theory I could write some function to check if user exists in our local system. Q: does it run before or after wp runs its own authentication?
    Docs say it accepts array with username and password, but only username is passed.
    Is there a way to check our internal system BEFORE wp authentication using only plugins and not modifying/replacing original wpmu files (wp-login/wp-signup etc)?

  16. d. says:

    Uh, my bad, everything’s fine now, had to define 2 args for “action function”. Afterwards everything seems to be OK.

  17. jcnjr says:

    I too cannot get this to work. I confirmed the file hierarchy is as described, and tried it with and without Ovidiu’s CSS edit. Still, the default WP logo appears on the login screen.

    I’m running WPMU 2.8.2. Any thoughts?
    .-= jcnjr´s last blog ..Tripawds Pawty in Longmont, Colorado, on 8/16 =-.

    • Harvey Ramer says:

      Change the background image url in your custom-login.css like:

      background: url(logo.jpg) no-repeat …

      There is no need to include the directory there as CSS looks in its own directory if none is defined. Then it should work.

      • Darryl says:

        Thanks to all for your inputs :-)

        This worked for me after making the change Harvey proposed above, and using 2.8.4a

  18. damon says:

    great work! It worked like a charm for me and also allowed me to add some custom text to the login screen. I wanted to have a Policy Statement displayed on every login and this allowed me to do also. Thanks x 2

  19. Sam H says:

    unfortunately I cannot get this to work for me – am on 2.8.4a and have tried all the little suggested work arounds as mentioned above.

    We were previously using a plugin provided by James at WPMUdev but that didn’t seem to work – hence trying this one out (which incidentally I already prefer the look of!)

    I can’t really help much more with what is wrong as there’s no errors, no nothing showing up!

    Currently my CSS file reads:

    /* Custom Login Styles */

    h1 a {
    background:url(/wp-content/mu-plugins/custom-login/logo.png) no-repeat;

    }

    I tried it with

    /* Custom Login Styles */

    h1 a {
    background:url(ogo.png) no-repeat;

    }

    Could it be because I’ve changed the file to logo.png?

    Cheers for any help

    Sam

    • andrea says:

      This part:

      “h1 a {
      background:url(/wp-content/mu-plugins/custom-login/logo.png) no-repeat;

      }”

      This is a problem. You need to put the full path to the image here, with the http://, as if you were going to link to it directly.

Leave a Reply