Support » Themes and Templates » Customized login page

  • I would like to customize the login/registration pages so that they have the same look and feel of my site. I suspect that this can be done with the wp-login.php and/or wp-admin.css, but I wanted to check first before I screwed something up. I thought there might be a tutorial somewhere so that, if it is the wp-admin.css, the relevant selectors might be described so I don’t have guess. TIA

Viewing 15 replies - 1 through 15 (of 31 total)
  • I don’t know the answer to your question, but if it is in reference to the page that links from your user name, there are some other problems there…

    I know that Chris J. Davis, a.k.a. “Jesuit” has done this very thing. You may find some specific posts about it on his site:

    Moose – It does appear that Chris Davis has altered his wp-login.php and/or wp-admin.css. I’ll explore his mods. I just wish there was a document that spelled it out (maybe I’ll do one after I figure it out). Thanks.
    Willneea – I’m not sure what problems you are referring to. Is it something I need to know? Can you elaborate? Thanks.

    Check Chris’ site, he may have some specific articles of his own in regards to the changes.
    Also, you never know if some things might show up in future releases of WP.

    Spade in hand, I stand before thee crypt keeper and command this post risen from the dead and back into the land of the living-dead.

    OK, so I searched and this is the only result that came close and it’s pretty outdated.

    According to the codex in regards to themes:
    # style.css – The main stylesheet. This must be included with your theme.
    # index.php – The main template. If your theme provides its own templates, index.php must be present.
    # comments.php – The comments template. If not present, comments.php from the “default” theme is used.
    # comments-popup.php – The popup comments template. If not present, comments-popup.php from the “default” theme is used.
    # home.php – The home page template.
    # single.php – The single post template. Used when a single post is queried. For this and all other query templates, index.php is used if the query template is not present.
    # page.php – The page template. Used when an individual Page is queried.
    # category.php – The category template. Used when a category is queried.
    # author.php – The author template. Used when an author is queried.
    # date.php – The date/time template. Used when a date or time is queried. Year, month, day, hour, minute, second.
    # archive.php – The archive template. Used when a category, author, or date is queried. Note that this template will be overridden by category.php, author.php, and date.php for their respective query types.
    # search.php – The search template. Used when a search is performed.
    # 404.php – The 404 Not Found template. Used when WordPress cannot find a post or page that matches the query.

    OK, now, let’s assume for a moment, that I have turned on the option that only registered users may post comments. When they click the “Register” (or even the “Login”) links, they get the beautiful (used loosely) WP Login screen. Gah! I’d like it to look a little more integrated into my site than that. Is there a way to do that through themes/templates, or am I going to need to *cough* hack & slash and make my own login/register page?


    It shouldn’t be too hard at all.

    I’ll take a look at this and see what I find.


    10 minutes later, and I have this:

    What you have to do is a lot simpler than it looks. All the PHP in there can make it look daunting, but it’s easy.

    You have to do everything *twice*, since that one php file specifies two pages – one for login, one for lost password.

    What I did was:

    -Remove link to admin stylesheet.
    -Add link to my current theme’s stylesheet.
    -Add in my own markup to specify my header and general layout (you may have to view the source of one of your normal pages if you’re unfamilar with how yours goes).
    -Remove all references of “id=login”, “id=email”, etc etc that refers to something that was obviously in the admin CSS.
    Change <div id=”login”> to <div id=”entry”>
    -Save, upload, and basque in its glory!

    **Remember, you must do all the above steps twice – once each in two different locations. Browse through wp-login.php to find that “two” actual pages are really in there.

    Ghack! ‘Twas as I had feared. The gods of Mount WuPea have forsaken us and forced us to make sacrifices by hand. Fortunately, my religion forbade me the use of the Theme Switcher such that I will not need to worry about that prophecy should it come to pass.


    that’s not really perfect… if you hover around a lot of “hidden” links show up.

    “that’s not really perfect… if you hover around a lot of “hidden” links show up.”

    Where? I don’t see any hidden links on any of the examples given so far (though freshpolitic’s site seems to use the “hand” curser).

    Hmmm… earlier freshpolitic’s example showed up in a strange way. Now it’s OK.

    Very interesting thread, certainly something I’ll give a go 🙂

    HAcking & slashing the file is one thing, but I would have thought that with all the other options available in a theme/template, that this seems like a no-brainer…..

    I’m off to combat the mages of BugTracker and consult the Oracle of Codex for the solutions I need.


    For those who have the stomache for this sort of thing, I’ve logged it as an issue in the bug tracker. You can follow all the gorey details right here:


    I don’t think I would consider that a bug???

Viewing 15 replies - 1 through 15 (of 31 total)
  • The topic ‘Customized login page’ is closed to new replies.