Change Login Page Logo Without Plugins In Wordpress

Hello Everyone. Hope you are doing well. If you have a WordPress website where multiple users access it every day, you may like to change login page logo for branding purposes.

For example, you have a popular blog where people can log in and write their own articles and send them for review and publication. It is not a good idea to show them the general login page that everyone else’s WordPress website has. At least you can change the Login page logo in WordPress very easily.

With your own logo, you can increase your brand value and awareness. As a matter of fact, WordPress is using its own logo for branding purposes only. Moreover, if you are working for a client, he might ask you to change it to bring uniqueness, and you have to oblige. The following are the different ways to change the Login Logo in WordPress.

There are various ways to change the login page logo in WordPress. I want to share with you how to change the WordPress login screen logo without any plugins.

Just login CPanel and go to File Manager
Now go to your active theme folder (example: wp-content/themes/techaid)
Create Images folder if not exist
Copy your desire image which you want to show your login screen (example: techaid24_logo.png)
Now you need to open your theme’s functions.php file from CPanel or WordPress admin panel (Appearance -> Editor -> functions.php) and then paste the following code:


// Change admin login logo
function my_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/techaid24_logo.png);
        height:72px;
        width:300px;
        background-size: 300px 72px;
        background-repeat: no-repeat;
        padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
 
// Change admin login logo link
function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
 
// Change Title description
function my_login_logo_url_title() {
    return 'Welcome to TechAid24 - Your Technical Consultant';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );

// Change admin login logo

function my_login_logo() { ?>

#login h1 a, .login h1 a {

background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/techaid24_logo.png);

height:72px;

width:300px;

background-size: 300px 72px;

background-repeat: no-repeat;

padding-bottom: 30px;

}

</style>

<?php }

add_action( 'login_enqueue_scripts', 'my_login_logo' );

// Change admin login logo link

function my_login_logo_url() {

return home_url();

}

add_filter( 'login_headerurl', 'my_login_logo_url' );

// Change Title description

function my_login_logo_url_title() {

return 'Welcome to TechAid24 - Your Technical Consultant';

}

add_filter( 'login_headertitle', 'my_login_logo_url_title' );

I think you are very happy to change your WordPress login screen logo now. If you face any problem to do this, feel free to contact me. Keep sharing your knowledge here.