stilldesigning

WordPress Custom Themed Login Gets An Update

The new 2.7.1 release of WordPress was just too good to pass up.  I had installed it on another clients site (soon to be launched), and just fell in love with the new interface.  It’s very snazzy, I love the auto-updates, and the layout is fab! But there’s one thing that was still missing… themed login pages.

If you follow the mailing list and the TRAC ticket, you’ll know that they’re looking for a more extensive patch for themed login pages, where as I’ve taken a more minimalist approach.  Both approaches are valid with their own pros and cons, but given my choices between upgrading without a themed login, waiting until I found time to create a “more extensive” patch (I’m an impatient person), and just updating the old patch, I chose the third option.  The blog you see before you is the result!

If you already have a themed login page from the previous patch, all you need to do is update to WordPress 2.7.1 and apply the new patch.  Your existing login.php theme template will work just fine with the new patch.  The new patch is attached to the TRAC ticket linked to above.  Feedback is welcome, as always!

Original Themed Login post

Update – I’ve updated the patch so that you no longer include error messages in the custom login_header() function.  This means they can’t be “forgotten” by the template designer.  Unfortunately, it also means that your existing login.php template won’t work.  Luckily, making it work is as simple as removing all references to login_header_error() in your template.  A new sample login.php has been posted on the TRAC ticket.

Update 2 – For those of you who have difficulty patching, here’s the patched file for 2.7.1.

WordPress Themable Login patched for 2.7.1

Tags: , , , , ,

7 Responses to “WordPress Custom Themed Login Gets An Update”

  1. David Says:

    I’m pretty much retarded when it comes to WordPress and it’s structure. I downloaded your update however I am having some difficulty with it’s implementation.

    My site is called http://www.DigitalArtistsAssocation.com and I would love to have the Log-in/Register options inline like on your site..

    can you give me an idiots guide to using your update?

    Thanks
    Dave

  2. David Says:

    This is the exact error I am receiving at the moment.

    ” Fatal error: Call to a member function get_error_code() on a non-object in /home/darkh3/public_html/DigitalArtistsAssociation/wp-login.php on line 94 ”

    The web address in the above message isn’t working.. I typed something wrong.. in any event here is the correct URL: http://www.digitalartistsassociation.com

  3. David Says:

    that problem is fixed; I am still having issues with getting everything aligned. Is there a separate .css file that I need to edit apart from the login.css file?

  4. stealth dave Says:

    Unless you specifically included WordPress’ login.css, it’s not being loaded at all if you used the sample login.php. Add the styles you need to your theme’s css and you should be fine. Let me know when it’s ready and I’ll check it out!

  5. David Says:

    Well I think I am getting it sorted. There are only a fe issues that I am having right now.. Have a look at my log-in page..

    http://www.digitalartistsassociation.com/wp-login.php

    The large black space between the dummy cat name and the log in blue/grey box and the back to blog should not be there either… I am not sure why either is happening and I have stepped through the login.css file but can not figure it out..

    Also if I leave the log in frame in the themes style css it adds the border not only around the log in box but it also adds it to the subscribe to email feed box as well… any help would be appreciated!

    Cheers,
    Dave

  6. Blackgossbo Says:

    This is a great plugin.
    I was able to make it work with itheme’s FlexxTheme.
    Can something similar be done to have the profile on the frontend as well?
    I’ve tried Customize Your Community (http://www.sugarrae.com/wordpress/cyc/) and got it to work.But that plugin throws off the relative path of various objects.
    Do you have any pointers on how to do this with the user profile using the same kinda technique?
    Thank you.

  7. stealth dave Says:

    The profile page is much more closely integrated with the administration tool, so I imagine it would be quite a bit trickier to theme, but I haven’t checked to be honest.

    My basic technique was to separate the page into 3 basic components: header, footer, and content. The content for the login page was the form and error reporting. For the profile page, it would be the div with id “profile-page”. Once I separated those components, I replaced the header and footer components with my own themed components, and the login page did the rest.

Leave a Reply

You must be logged in to post a comment.