How to replace Custom login page logo icone in wordpress website

past this code into function.php


// Custom login page logo click to home page 
function custom_login_logo() {
    $logo_url = 'https://blogstour.com/wp-content/uploads/2023/11/cropped-cropped-square-format-transparent-background-designify.png'; // Replace with the URL of your logo
    $home_url = home_url(); // Get the home URL
    echo '<style type="text/css">
        body.login div#login h1 a {
            background-image: url(' . $logo_url . ');
            background-size: contain;
            width: 100%;
            display: block;
        }
    </style>';

    echo '<script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            var loginLogoLink = document.querySelector("body.login div#login h1 a");
            if (loginLogoLink) {
                loginLogoLink.href = "' . esc_url($home_url) . '";
            }
        });
    </script>';
}
add_action('login_enqueue_scripts', 'custom_login_logo');

if you wanto change logo click url into another your own url (https://www.hlomart.com)

// Custom login page logo click link
function custom_login_logo() {
    $logo_url = 'https://blogstour.com/wp-content/uploads/2023/11/cropped-cropped-square-format-transparent-background-designify.png'; // Replace with the URL of your logo
    $admin_url = 'https://www.hlomart.com'; // Replace with the desired admin URL
    echo '<style type="text/css">
        body.login div#login h1 a {
            background-image: url(' . $logo_url . ');
            background-size: contain;
            width: 100%;
            display: block;
        }
    </style>';

    echo '<script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            var loginLogoLink = document.querySelector("body.login div#login h1 a");
            if (loginLogoLink) {
                loginLogoLink.href = "' . esc_url($admin_url) . '";
            }
        });
    </script>';
}
add_action('login_enqueue_scripts', 'custom_login_logo');

if you wanto change logo click url into back

//Custom login page logo click to back on logo
function custom_login_logo() {
    $logo_url = 'https://blogstour.com/wp-content/uploads/2023/11/cropped-cropped-square-format-transparent-background-designify.png'; // Replace with the URL of your logo
    echo '<style type="text/css">
        body.login div#login h1 a {
            background-image: url(' . $logo_url . ');
            background-size: contain;
            width: 100%;
            display: block;
        }
    </style>';

    echo '<script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            var loginLogoLink = document.querySelector("body.login div#login h1 a");
            if (loginLogoLink) {
                loginLogoLink.href = "javascript:history.back()";
            }
        });
    </script>';
}
add_action('login_enqueue_scripts', 'custom_login_logo');

Leave a Comment

Your email address will not be published. Required fields are marked *