Tùy chỉnh trang đăng nhập WordPress mà không cần Plugin

Logo WordPress trên trang đăng nhập có thể rất nhàm chán, đặc biệt là lúc nào cũng bắt gặp khi đăng nhập. Bạn chỉ cần sử dụng một plugin để thay thế logo, nhưng sẽ thú vị hơn nếu bạn tự thay đổi bằng tay, tất nhiên là hack một chút trên WordPress code của bạn. Đừng lo lắng, cực kỳ dễ dàng!.

Trong hướng dẫn từng bước đơn giản này, tôi sẽ hướng dẫn bạn thay đổi logo WordPress trên trang đăng nhập của bạn. Hãy thưởng thức!

1. Đặt hình ảnh logo tùy chỉnh của bạn vào thư mục /your-wp-theme/img.

2. Sử dụng login_enqueue_scripts hook để chèn CSS vào phần đầu của trang đăng nhập để WordPress có thể tải logo. Đặt mã này vào /your-wp-theme/functions.php:

// Custom logo login page 

function my_login_logo() { ?> 
  <style type="text/css"> 
    body.login div#login h1 a { 
    background-image: url(<?php echo get_stylesheet_directory_uri(); ?>//cdn-image.tongkolspace.com/@tonjoo%2Fimg%2Fyour-custom-logo.png); 
    background-size: 200px auto; 
    background-position: center; 
    width: 300px; 
    height: 70px; 
    padding-bottom: 110px; 
  } 
  </style> 

<?php } 
  add_action( 'login_enqueue_scripts', 'my_login_logo' );

3. Thay đổi “your-custom-logo.png” bằng tệp hình ảnh của bạn. Bạn cũng có thể điều chỉnh giá trị kích thước, chiều rộng, chiều cao để phù hợp với sở thích của mình.

4. Mở trang đăng nhập của bạn và nhấn Ctrl+Shift+R, và xem logo tuyệt vời của mình… 🙂

WP Login tùy chỉnh

Updated on Tháng ba 15, 2023 by Thien translation team