Blend login & register page (custom login page)

  • christopherisme

    (@christopherisme)


    15 years, 7 months 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(); ?>

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter christopherisme

    (@christopherisme)

    15 years, 7 months 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.

    Thread Starter christopherisme

    (@christopherisme)

    15 years, 7 months ago

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

    moshu

    (@moshu)

    15 years, 7 months ago

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

    moshu

    (@moshu)

    15 years, 7 months ago

    And the search field (top right) also works – just type in your title: “custom login page”

    Thread Starter christopherisme

    (@christopherisme)

    15 years, 7 months 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?

    moshu

    (@moshu)

    15 years, 7 months ago

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Blend login & register page (custom login page)’ is closed to new replies.