Sarathlal N

Change WordPress logo in Login page

In default WordPress installation, when we go to login page, we can find a WordPress logo in our login form.

When we build Blog / CMS for clients, customizing WordPress in all aspect is a good approach. In the case of login screen, either we can make custom login page or we can change WordPress logo with our custom logo.

So for simple applications, now we are going to change WordPress logo with our custom logo with the help of a simple code snippet.

Add below function in our child theme’s functions.php file.

function my_login_logo() { ?>
	<style type="text/css">
	body.login div#login h1 a {
		background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/your-logo.png);
		padding-bottom: 30px;
	}
	</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

This function will override WordPress default login screen. Always remember to add our logo in our child theme’s images folder.

Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!

Recent Posts

  1. Understanding the Singleton Pattern and Using Traits to Achieve Singleton in WordPress Plugin Development
  2. REST API Methods Explained with Best Practices for Building Clean and Secure APIs
  3. My 28-Day Plan to Master Modern WordPress Development Using AI Tools
  4. Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
  5. WordPress Transients Explained - A Developer's Guide to Site Performance

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.