82 responses

  1. Aww – that sucks. I have just started a post about this that was going to go in my WordPress Tips and Tricks series :(

    I actually had something slightly different in mind so will probably finish it up anyway – maybe you can post about my post then :)

    FWIW the post itself is good. I just need to do something better

  2. Don’t let me stop you, Ben. It was through your 9rules note that I saw Ayush’s article, so I should thank you for the indirect signpost.

    Connor, I like your subtle changes to the back-end. As I commented on your article, I once tried out the Tiger Admin Panel, but in the end reverted to the standard as it suits my needs.

  3. I had never thought about designing my wordpress login page, but its a good idea especially if you make a login easily available to readers. As you suggest this would be very good for wordpress as a CMS, which I am very interested in finding more about. If you do end up using WordPress for a client I’d love to hear how you get on.

  4. David – I did wonder if it was the 9rules thing that got you started :) I did have a slightly different idea for my post about this so will still finish it up.

  5. I look forward to the post, Ben. Sorry if I stole your thunder.

    Tara, if I go ahead with WP for a client I’ll be sure to let you know.

    Aaron, that’s a good point. I hadn’t thought about the image files being updated with a WP upgrade, and wasn’t actually sure if they were.

    Tammy, nice job. ;)

  6. Nice work, Shonnie. Ties in well with your colour scheme (and name).

    Damien, thanks buddy. Keep me in mind when you get that blog only gig.

    Lauren, how’s the blog coming along? You’ll get used to the continuous tweaks (if you’re anything like me).

  7. You’ve got a pretty cool looking login box there David! I wish I could show some examples of what I’ve done, but in the past when I integrate a blog into a website I put it all together under a global login, as part of the CMS backend as a whole.

    If I’m approached purely to design a blog then I’ll make sure to remember to customise the login screen too ;)

  8. Cool, nice tip. I am planning on tweaking my theme a bit more these days, and most likely login form will get customized first. Thanks!

  9. Great idea! There are so many little things to customize, I don’t know if I’ll ever be finished! But I think they all add to the user/reader experience (even behind the scenes stuff like that can really add to a client’s impression of the professionalism of your work).

  10. How funny, I’ve just been emailing Tara about that! I’m tweaking my colors right now and having difficulties finding every little place where the bg color is defined. I’m not sure what’s going on and I’m a pretty savvy web designer. There are many, many styles defined in the CSS file (and maybe some are superfluous?).

    My goal is to have the tweaks done by this weekend and then to outline and write at least a few articles. I want to be live in two weeks, but don’t hold me to it! Maybe publicizing my goal will make me stick to it :) Thanks for your interest!

    AH!! Just got it. The designer used a BG image instead of a color!

  11. Lauren, brilliant news. I’m looking forward to reading. There could be some superfluous lines of code within my CSS, following all the tweaks, but my load time isn’t bad so it’s not a priority. Something I’ll look at though.

    Baron, Sujan, you’re more than welcome.

  12. Thanks for sharing this tweak David- I had no idea you could change the login page. It is definitely the small things like this that can set a designer apart from the rest.
    Lauren’s finally starting a blog! That’s great. She’ll have instant readership as she seems to have already made lots of friends online.

  13. David, that is fantastic before and after shot of the WordPress login screen. Unfortunately now that I’ve seen it, I want to do it also. Curse you David….you’ve just added another thing to my very long to-do list. :)

  14. Randa, I also think Lauren will have an immediate readership. She’s been great at commenting on other blogs (something I didn’t do for a while).

    Bret, J David, if you do similarly it’d be great to check out your logins.

  15. Very good and I guess if you have many blogs you instantly know which one you are logging into, but , really, is it needed seeing viewers would not see this screen normally?

  16. Jamie, I’d love to see your project when it’s complete.

    Michael, you’re very welcome.

    gold coaster, the point is that your clients see it when they login to the blog you’ve set up for them.

    “If you’re launching a WordPress blog for a client I’d highly recommend making this small, yet important, inclusion.”

  17. Good point, Jermayn. The WordPress logo that sits at the bottom of every admin screen can be found at this location:

    wp-admin/images/wordpress-logo.png

    It also links through to the WordPress website so you might like to change the link too.

  18. I have yet done this but have created a few websites for clients so I must do this from now on.

    As you say a small thing but it is usually the small details that make the difference, as it makes you look that little bit more professional.
    Do you also change the admin WP logo as well???

  19. I think all these customisations would be helpful and keep the identity going.

    I have seen one website use adwords in their admin section, please no one do that :(

  20. Well, I did it. I changed the GIF images that create the admin login for my site — thanks to David. Not anything to radical. I decided to just maintain the title text and font style from my banner image so things were consistent. Thanks for the tip David.

  21. Thanks for the heads-up on this David. Now I just need to find the tips to remove all the extra information (WordPress announcements and the like) in the Dashboard that just seems to confuse clients.

  22. As you may have noticed from the trackback above, Binary Moon now has a plugin version (so your changes don’t get overwritten when you upgrade) and a .psd template to make editing the images easier. Thanks for giving me the inspiration to do something I have been meaning to do for a long time.

  23. How about the logins that are just a white box? Mine for example doesn’t have any login.bkg image.

    Any suggestions?

  24. Harris,

    You could always lift that image from the original WP download.

    Johno,

    Mine was reverted to the original after my last upgrade. Should’ve used Ben’s (Binary Moon) plugin. ;)

  25. Hello David,

    I have released more flexible version of customizing wordpress login and registration. These are template files that can be fully customized without touching the core file (wp-login.php).

    You should give it a whirl!

    Read about it at my blog.

  26. That’s a nice little touch there. I’m definitely going to adjust mine too when I finish my theme.

    Did you remove you’re custom one David? It’s not displaying for me.

  27. Hi Jesse,

    I didn’t update mine after a new WordPress install. Ben at BinaryMoon created a plugin that would keep your new design after a WP upgrade, if that’s of use?

    For me, it’s less important, but I’d certainly keep it on a client blog.

  28. Yep, Stefson is right, why do you need an extra plug-in for something so simple as changing a couple of files? Hard code it and save bandwidth and server resources.

  29. Good tip, thanks. I want to use it for a new site I am working on. Its gonna be a WordPress Plugin that people need to sign up to use, and I have been working on implementing WordPress’ own user-management as a way to control the members signing up.

    This is gonna help me brand the login-page, giving it a better “feel.

    Thanks again :)

  30. wasn’t planning on changing the log-in page however after seeing this article it inspired me to change the one on the blog i run. I have had a good go at it and think that the result is really quite amazing it gives the log-in page a much better fitting with the rest inspiring blog :)

    the log-in page is here if you’d like to see it: http://sallyandrew.findhornpress.com/wp-login.php

  31. Nice work, Adam.

    With the continuous WordPress updates, I tend not to bother now, but it’d be a different story if I was creating something for a client.

  32. David,

    Did you change the style of the login text (“Username”, “Password”, “Register”, “Forget Password”)? I’m having the hardest time figuring out who is defining the styles for those.

  33. Tip for all!
    Wordpress Codex deals with this issue with the basics.
    http://codex.wordpress.org/Plugin_API/Action_Reference/login_head
    There’s the link for it, a safe way to start.

    Challenge to all!

    Make a custom login using wp-login.php code, add it directly to your site and then redirect them first to your home page. Then make custom wp-admin page.
    Actually I have reveal that I’m working on a solution like this, everything else is working except the redirect.

  34. So… just curious why your wp-login looks like the stock version with the WordPress logo?

  35. I am customizing a Community website. Is there a way to edit (remove) the “Log in” link that appears at the footer of the lost their password page?

  36. WordPress logo customization problem.

    Hello David, I was going too say that I am getting a 404 when clicking on your gif files but I think I know what I have done wrong. Great website.

Comments are closed on some of the older posts to help prevent spam.