How To Change WordPress Login Logo Without Plugin

By having our own logo in the login page is something exclusive. This is my steps to change WordPress login logo

  1. Create a Child Theme (this step is optional but recommended)
  2. If you don’t know how to create Child Theme use plugin Child Theme Wizard from Jay Versluis
child theme wizard
  1. Make a logo 100×100 in PNG transparent file (make experiment with the best logo size for your blog.
  2. Upload the logo to your WP website, write down the exact URL
  3. Change the URL after background-image: url with your logo URL
  4. Add code below on file function.php (add in the bottom of the file).
function custom_login_logo() 
?>
<style type="text/css">
body.login div#login h1 a 
background-image: url('https://yunarwinardi.com/wp-content/uploads/2020/03/logo-login.png'); //Add the URL of your custom logo between the single quotes
padding-bottom: 30px;
}
</style>
<?php
} add_action( 'login_enqueue_scripts', 'custom_login_logo' );

The script above is originally from https://www.youtube.com/watch?v=uhG5oCW6xM8

Final result:

custom login page logo

Read: Non www to www Redirection WordPress on Hostgator

Leave a Reply