WordPress.org

Forums

Blend login & register page (custom login page) (7 posts)

  1. christopher.is.me
    Member
    Posted 6 years ago #

    Hi all,
    This is my 1st forum post, so if I had accidentally broke any rule, kindly let me know and I will amend it as soon as I get back online.

    I have used wordpress from 2.3.3 to 2.6.1 for educational purposes and currently I have the intention to setup my own blog using 2.6.0 (the reason because some of the plugins have been tested to 2.6.0 only).

    My intention for this posting: I wanted to customize the login & registration page (I know this has been asked many times and there are alternative provided, such as the one from binarymoon). However I have decided to hack away and attempt to merge on my own.

    It seems success, so I will like to share it and also, hopefully, get a feedback from the seniors here as to whether this solution will have any averse effect on my blog.

    Open up wp-login.php with your favorite editor, in my case notepad++.
    Part 1: Scroll down and look for

    <?php
    wp_admin_css( 'login', false );
    wp_admin_css( 'colors-fresh', false );
    do_action('login_head');
    ?>

    and change it to

    <?php
    //wp_admin_css( 'login', false );
    //wp_admin_css( 'colors-fresh', false );
    get_header();
    do_action('login_head');
    ?>

    Next scroll all the way down to the last line and insert

    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
  2. christopher.is.me
    Member
    Posted 6 years ago #

    Part 2:
    My theme style.css has the following

    .post {
    	float:left;
    	margin-left:0px;
    	margin-top:220px;
    	padding-bottom:25px;
    	text-align:left;
    	width:500px;
    }

    The front page should have a <div class="post">, which I supposed is The Loop. Therefore the .post{} will apply the style to it. Now, in the wp-login.php, you should see a <div id="login"> below <body> tag.
    Going back to my theme style.css, I added the following

    #login{
    	float:left;
    	margin-left:0px;
    	margin-top:220px;
    	padding-bottom:25px;
    	text-align:left;
    	width:500px;
    }

    Do you realise it is the same as the .post style? This is it.

  3. christopher.is.me
    Member
    Posted 6 years ago #

    Hmm strange, what does "Put code in between backticks" means? How can I do that?

  4. moshu
    Member
    Posted 6 years ago #

    Just type a word and highlight it... then click the "code" button and you will see.

  5. moshu
    Member
    Posted 6 years ago #

    And the search field (top right) also works - just type in your title: "custom login page"

  6. christopher.is.me
    Member
    Posted 6 years ago #

    Oh hi moshu! So what is the difference between "code" and b-quote?
    How can I make it so that people can simply code and paste it into their editor without the html formatting?

  7. moshu
    Member
    Posted 6 years ago #

    Code is ... code, and b-quote is "block quote". Why would they be the same?

Topic Closed

This topic has been closed to new replies.

About this Topic