Adding Your Logo to the Login Screen

I thought it would be a fun thing to see a photo of my kids every time I signed into the back end of my site.  And, of course, you may need to do that if you’re making a site that will have a a lot of the employees of your customer seeing the admin sign in screen.  It looks more professional and reassuring (if they’re a little nervous signing in, they know for sure they’re at their own site).

Here is a code snippet from WP Optimus to easily see the logo or image of your choice when someone goes to https://yoursite.com/wp-admin.  Just add it to the bottom of your functions file in your child theme.  You’re using a child theme, right?

function my_login_logo_one() { 
?> 
<style type="text/css"> 
body.login div#login h1 a {
background-image: url(http://localhost/wordpress/one.jpeg);  //Add your own logo image in this url 
padding-bottom: 30px; 
} 
</style>
<?php 
} add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

 

And you can do it even more easily, via a plugin, of which there are many!

SKT Themes has a list they like

And so does WP Optimus in the article above

And the WordPress Codex discusses it, and provides a slightly different code snippet.  Let me know how your make out with this!