Have you ever wanted to customize your WordPress admin login screen without using a plugin?  Here is a very simple way to achieve this by only making changes to your functions file in your theme.  By making the changes to the functions file you will avoid losing your customizations when WordPress makes its next update.

Step One: Create your WordPress login page images. If you want to replace the WordPress logo on the login screen with your own you should try and limit it in size. A good size to use to replace the WordPress logo would be about 320px X 65px.

Step two: Open up your functions.php file in your WordPress theme folder.

Step three: Insert the following snippet of code. Be sure to change where it says “your-image-here” and put the images in the themes image folder.

//Customizations For Login Screen for Admin (images must be in theme image folder)

}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/your-image-here.png’) no-repeat scroll center top transparent;
height: 65px;
width: 320px;
}
html{background:url(‘”.get_bloginfo(‘template_url’).”/images/your-image-here.jpg’) no-repeat center #fbfbfb  !important;}
</style>
“;
}

//End Customizations for Login Screen

That’s it! You should now have a customized WordPress login page!

Leave a Reply

Close Menu

Get in Touch

Please fill out the form below and we will get back to you ASAP

  • This field is for validation purposes and should be left unchanged.

Skip to content