Customize Login Page In WordPress

I wanted to change the login page background with my own blog logo. By searching the user forum, someone did it in a way that even with the new update, the blog logo will always be there, just the background will change. I copied his codes and put in the theme function.php on the first line and it works. Here is the code with the techs11.png logo I created and put in the images folder of my theme.

add_action(“login_head”, “my_login_head”);
function my_login_head() {
echo ”
<style>
body.login #login h1 a {
background: url(‘”.get_bloginfo(‘template_url’).”/images/techs11.png’) no-repeat scroll center top transparent;
height: 64px;
width: 300px;
}
</style>
“;
}

I modified the wp-admin.css, replaced the background of login to my images and here is how it came out.

Modify wp-admin/css/wp-admin.css

body.login{background:url(/techs/wp-content/themes/idogwp/images/3e0000.gif);min-width:0;}…

.login form{margin-left:8px;padding:26px 24px 46px;font-weight:normal;background:url(/techs/wp-content/themes/idogwp/images/back2.png) no-repeat top left;}

Remove all borders and css3 for login form.

Next, create the blog logo size 300×64 pixels with transparent background (use free program paint.net is best for this logo) and put it in the theme’s images folder.

create logo

Save as png to keep the transparent background.

wp login logo

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.