How To Customize Your WordPress Login Page Logo

Change WordPress Login Page LogoChanging your WordPress Login logo is fairly easy to do and is a nice touch for your customers. It helps carry their brand across the site and shows that you pay attention to details.

First, size your logo to 320 x 123 and save as a PNG file (in our example below, we saved the file as “adminpanellogo.png”). Upload this file to the “images” folder of your current theme, then open your theme’s “functions.php” file and add the code below.

//Custom WordPress Login Logo
 function my_custom_login_logo() {
 echo '<style type="text/css">
 #login h1 a { background-image:url('.get_bloginfo('stylesheet_directory').'/images/adminpanellogo.png) !important; background-size: 320px 123px !important; height: 123px !important; width: 320px !important; }
 add_action('login_head', 'my_custom_login_logo');

Voila, your custom logo should now show on your WordPress Login page!