This methodology allows you to manually change the WordPress logo on the login display screen with your individual {custom} brand, with out the necessity for a plugin.

First, you need to add your {custom} logo to the media library. Simply go to Media » Add New web page and add your {custom} brand.

After getting uploaded the picture, click on on the ‘Edit’ link next to it. This can open the edit media web page, the place you need to copy the file URL and paste it someplace handy, such as a clean textual content file in your computer.

Next, you could add the next code snippet to your theme’s features.php file or a site-specific plugin.

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a 
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Don’t forget to replace the background-image URL on Line 4 with the file URL you copied earlier. It’s also possible to regulate other CSS properties to match your {custom} logo picture.

Now you can go to the WordPress login page to see your {custom} logo in motion.

WordPress Login Page With Customized Logo
However, this code solely replaces the WordPress logo. It doesn’t change the logo hyperlink, which factors to the WordPress.org web site.

Let’s change this.

Simply add the next code to your theme’s functions.php file or a site-specific plugin. You may paste it proper beneath the code you added earlier.

Leave Your Comment