One of the things I do for my clients when designing and developing a custom WordPress website is to update the admin login logo. It is a nice, simple touch that goes a long way.
Normally, the WordPress logo is shown on the
wp-login.php pages. The logo is also linked to wordpress.org. Let’s change the logo to the client’s logo and the link to point to the Home page.
You can change the URL of the login logo with the
login_headerurl filter. You can change it to anything you’d like.
login_enqueue_scripts filter, we are adding custom CSS to the admin and login pages. I like using an SVG for the background image of the login logo, constraining the size with the
I always keep the width of the background image to 276px and make the height whatever it needs to be after scaling it. This creates a nice enough image size where we don’t have to create any extra styles for mobile. Make sure to change the button and border colors to match your clients’ palette.
Now that you have a login logo for the client, also know that you can override the default WordPress header functionality with a retina version.