Customizing the WordPress login screen is one of the simplest ways to personalize your site or improve branding consistency. Whether you’re building a site for a client or managing your own project, replacing the default WordPress logo with your own is quick and effective. In this tutorial, we’ll walk you through how to change the WordPress login logo — no coding knowledge required.
The easiest way to change the login logo is by using a plugin.
Steps:
The plugin automatically replaces the default logo on your login page at yourdomain.com/wp-login.php.
Prefer to avoid plugins? You can change the logo manually by editing your theme’s functions.php.
Steps:
function custom_login_logo() {
echo '
<style type="text/css">
h1 a {
background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
background-size: contain !important;
width: 100% !important;
}
</style>';
}
add_action('login_head', 'custom_login_logo');
💡 You can also use wp_get_attachment_url() if you uploaded the logo via the Media Library.
By default, the login logo redirects to wordpress.org
. You can change it to your homepage:
function custom_login_logo_url() {
return home_url();
}
add_filter('login_headerurl', 'custom_login_logo_url');
And customize the title (hover text):
function custom_login_logo_url_title() {
return 'Welcome to Your Site!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');
Replacing the default WordPress login logo takes just a few minutes and instantly boosts your site’s branding. Whether you choose a plugin or go the manual route, both methods are simple and effective.