{"id":1464,"date":"2012-04-18T21:57:10","date_gmt":"2012-04-19T04:57:10","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=1464"},"modified":"2012-04-18T21:57:10","modified_gmt":"2012-04-19T04:57:10","slug":"customize-login-page-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/customize-login-page-in-wordpress.html","title":{"rendered":"Customize Login Page In WordPress"},"content":{"rendered":"

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.<\/em><\/p>\n

\n

add_action(“login_head”, “my_login_head”);
\nfunction my_login_head() {
\necho ”
\n<style>
\nbody.login #login h1 a {
\nbackground: url(‘”.get_bloginfo(‘template_url’).”\/images\/techs11.png’) no-repeat scroll center top transparent;
\nheight: 64px;
\nwidth: 300px;
\n}
\n<\/style>
\n“;
\n}<\/p>\n<\/blockquote>\n

I modified the wp-admin.css, replaced the background of login to my images and here is how it came out<\/a>.<\/em><\/p>\n

Modify wp-admin\/css\/wp-admin.css
\n<\/em><\/p>\n

\n

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

.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;}<\/p>\n<\/blockquote>\n

Remove all borders and css3 for login form.<\/em><\/p>\n

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.<\/em><\/p>\n

\"create<\/a><\/p>\n

Save as png to keep the transparent background.<\/em><\/p>\n

\"wp<\/p>\n