Thay đổi logo WordPress ở trang đăng nhập mà không cần plugin

Ngày đăng: 19 - 03 - 2022 Lượt xem: 128 lượt

Thông thường, WordPress cung cấp logo mặc định trên màn hình Đăng nhập, Đăng ký, Quên mật khẩu… Nhưng tốt hơn hết là bạn nên thay thế logo WordPress mặc định đó bằng biểu tượng của riêng bạn để xây dựng thương hiệu tốt hơn cho trang web của bạn.

Vì vậy, ở bài viết này mình sẽ chỉ cho bạn cách để thay đổi logo đăng nhập WordPress mà không cần plugin. Cùng bắt đầu nào!

Thay đổi logo đăng nhập WordPress

Để thay thế, mình cần phải ghi đè logo mặc định ở trang Đăng nhập WordPress. Mình sẽ sử dụng hook login_enqueue_scripts. Đúng như cái tên, nó được sử dụng để thêm code script hoặc style vào trang đăng nhập.

/*@ Change WordPress Admin Login Logo */
if ( !function_exists('hk_wp_admin_login_logo') ) :
 
    function hk_wp_admin_login_logo() { ?>
        <style type="text/css">
            body.login div#login h1 a {
                background-image: url('<?php echo get_template_directory_uri()."/assets/images/your-logo.jpg"; ?>');
                // Place your Logo URL
            }
        </style>
    <?php }
 
    add_action( 'login_enqueue_scripts', 'hk_wp_admin_login_logo' );
 
endif;

Trong ví dụ trên, mình đã thay thế logo WordPress bằng cách sử dụng thuộc tính CSS background-image. Ngoài ra mình sử dụng hàm get_template_directory_uri() để lấy được đường dẫn logo của mình.

Bây giờ việc của bạn là thay đổi đoạn này /assets/images/your-logo.jpg thành đường dẫn logo của bạn.

Thay đổi liên kết của logo đăng nhập WordPress

Sau khi thay đổi logo, bạn cũng cần phải thay đổi liên kết của logo.

Logo mặc định của WordPress

Để làm được điều này, mình sẽ sử dụng hook filter login_headerurl

/*@ Change WordPress Admin Login Logo Link URL  */
if ( !function_exists('hk_wp_admin_login_logo_url') ) :
 
    function hk_wp_admin_login_logo_url() {
        return home_url();
    }
    add_filter( 'login_headerurl', 'hk_wp_admin_login_logo_url' );
 
endif;

Trong ví dụ trên, mình đã sử dụng trang chủ – home_url() để làm liên kết khi người dùng click vào logo. Bạn cũng có thể thay đổi nó thành bất kì liên kết nào bạn mong muốn.

Lời kết

Mình hy vọng các bạn có thể áp dụng bài viết này trong quá trình phát triển một website WordPress. Đặc biệt khi bạn cần tạo xây dựng một thương hiệu đặc trưng cho website của mình.

Nếu các bạn thấy bài viết này hữu ích, hãy bình luận và chia sẻ bài viết này. Ngoài ra, bạn có thể theo dõi chuyên mục Thủ thuật WordPress và follow Facebook để biết thêm nhiều kiến thức mới nha.

0 0 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Hướng dẫn custom Bảng tin trong admin WordPress

Hướng dẫn custom Bảng tin trong admin WordPress

11 - 05 - 2022

Bạn có nghĩ rằng bảng tin trong admin WordPress thật lộn xộn và có nhiều phần không cần thiết...

Cách đặt hình ảnh đại diện mặc định trong WordPress

Cách đặt hình ảnh đại diện mặc định trong WordPress

08 - 05 - 2022

Bạn có muốn đặt hình ảnh đại diện mặc định trong WordPress không? Nhiều theme sử dụng hình ảnh đại...

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

06 - 05 - 2022

Giả sử rằng có một cuộc tấn công spam vào trang web của bạn. Có gần 50 người dùng...

Làm việc với DateTime trong WordPress

Làm việc với DateTime trong WordPress

04 - 05 - 2022

Một năm trước, mình phát triển một plugin liên quan đến thời gian biểu. Và mình sớm nhận ra...

Tạo form tìm kiếm bằng shortcode trong WordPress

Tạo form tìm kiếm bằng shortcode trong WordPress

02 - 05 - 2022

Bạn muốn thêm form tìm kiếm vào bài viết, trang, hoặc sidebar của website? Thêm form tìm kiếm vào nội...

Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết

Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết

28 - 04 - 2022

Bạn có muốn hiển thị ảnh đại diện ra ngoài trang danh sách bài viết không? Hôm nay mình sẽ...

0
Would love your thoughts, please comment.x