31 C
Hanoi
Chủ Nhật, Tháng Sáu 16, 2024
spot_img

Hướng dẫn thay đổi Logo trang đăng nhập quản trị WordPress

Truy cập:

Chia sẻ:

Chào mọi người và chào mừng đến với blog của chúng tôi! Trong bài viết hôm nay, Công việt Blog sẽ hướng dẫn bạn cách thay đổi logo trang đăng nhập quản trị trên nền tảng WordPress. Logo trang đăng nhập không chỉ là một phần quan trọng của việc xây dựng thương hiệu của bạn mà còn có thể tạo một trải nghiệm người dùng độc đáo cho người quản trị trang web của bạn. Hãy cùng Công việt Blog khám phá cách làm điều này một cách dễ dàng và nhanh chóng.

Hướng dẫn thay đổi Logo trang đăng nhập quản trị WordPress

Thay đổi Logo trang đăng nhập quản trị WordPress

Để thực hiện việc thay đổi logo, bạn cần ghi đè lên logo mặc định trên trang Đăng nhập của WordPress. Để làm điều này, chúng ta sẽ sử dụng “hook” có tên là “login_enqueue_scripts“. Đúng như tên gọi, hook này được sử dụng để thêm code script hoặc kiểu dáng (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 điều chỉnh liên kết của logo để đảm bảo rằng khi người dùng nhấp vào logo, họ sẽ được dẫn đến trang mong muốn. Điều này thường được thực hiện thông qua việc thêm một đoạn mã PHP vào tệp functions.php của theme hoặc tệp functions của một plugin tùy thuộc vào cách bạn quản lý mã nguồn trên trang web WordPress của mình.

Hướng dẫn thay đổi Logo trang đăng nhập quản trị WordPress-congvietblog

Để 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.

Kết luận

Trong bài viết này, chúng tôi đã hướng dẫn bạn cách thay đổi logo trên trang đăng nhập của trang quản trị WordPress. Chúng ta đã sử dụng hook login_enqueue_scripts để ghi đè lên logo mặc định và đã thảo luận về việc điều chỉnh liên kết của logo để đảm bảo tính thống nhất và chất lượng trải nghiệm người dùng.

Thay đổi logo trang đăng nhập không chỉ là cách để cá nhân hóa trang web của bạn mà còn có thể thể hiện thương hiệu của bạn một cách đặc biệt. Hãy nhớ rằng quá trình thay đổi này có thể thay đổi tùy thuộc vào theme hoặc plugin bạn đang sử dụng. Điều quan trọng là bạn hiểu cách sử dụng các công cụ này để tùy chỉnh trang đăng nhập theo mong muốn của bạn.

Hy vọng rằng thông qua bài viết này, bạn đã có kiến thức cơ bản về cách thực hiện thay đổi logo trang đăng nhập WordPress và đã cảm thấy tự tin để bắt đầu tạo ra trang đăng nhập độc đáo cho trang web của mình.

Tham khảo thêm:

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của CongVietBlog để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy CongVietBlog trên Facebook.

0 0 đánh giá
Đánh giá
Công Việt Blog
Công Việt Bloghttps://congvietit.com
Chào các bạn, mình là Công Việt, mình đến từ kênh Youtube Công Việt Blog. Blog này hiểu đơn giản mình viết những thứ mình học được, áp dụng được và cung cấp những tài nguyên mà mình sử dụng, cũng là nơi để mình lưu trữ tài nguyên. Phần "Thành viên VIP" với gói chỉ 50k để giúp mình duy trì website mà thôi, hi vọng được sự ủng hộ của các bạn.
Theo dõi
Thông báo về
guest
0 Bình luận
Inline Feedbacks
View all comments
banner quang cao hostinger-congvietblog-congvietit
ma giam gia khi mua hosting vps congvietitcom

Bài viết liên quan

4 Cách xóa các mã Shortcode không sử dụng khỏi WordPress

Shortcode — công cụ tiết kiệm thời gian tuyệt vời cho nhiều quản trị viên WordPress đang tìm...

Bài 01 – Giới thiệu về WordPress

WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trình PHP và sử dụng...

Khắc phục lỗi download file Google Drive qua Woocommerce trong WordPress

Nếu bạn muốn làm site bán sản phẩm có thể Download bằng Wordpress, chắc là cũng nghĩ đến...

Code hiển thị số lượng sản phẩm đã bán cho website WordPress sử dụng Woocommerce

Với đoạn code hiển thị số lượng sản phẩm đã bán cho website Wordpress sử dụng Woocommerce này,...
0
Hãy cho mình xin 1 bình luận nha bạn yêu !!!x