WordPress: Hướng dẫn đổi logo trang đăng nhập

Mặc định trang đăng nhập của WordPress chèn logo của WordPress và link thẳng tới trang wordpress.org.

Nếu bạn sử dụng trang đăng nhập này cho khách hàng thì nên tùy chỉnh lại logo và đường link để trang web của bạn chuyên nghiệp hơn.

Đặt đoạn mã này trong file function.php hoặc tự tạo 1 plugin và thả nó vào:

function login_logo() {
?>
    <style type="text/css">
        #backtoblog,
        #nav {
            text-align: center;
        }

        #loginform {
            border-radius: 10px !important;
        }

        #login h1 a,
        .login h1 a {
            background-image: url(/logo.png);
            height: 60px;
            width: 200px;
            background-size: 200px 60px;
            background-repeat: no-repeat;
        }

        ;
    </style>
<?php }

add_action( 'login_enqueue_scripts', 'login_logo' );

function my_custom_login_url($url) {
    return '/';
}
add_filter( 'login_headerurl', 'my_custom_login_url' );

Trong đoạn mã này, hãy thay /logo.png bằng đường dẫn tới file logo của bạn.

Trong tích tắc bạn đã thấy sự khác biệt. Bạn có thể tùy chỉnh CSS để phù hợp hơn với trang web của mình.

Liên kết chia sẻ nhanh: