Nếu bạn điều hành một trang web thành viên WordPress hoặc một cửa hàng trực tuyến, thì nhiều người dùng sẽ sử dụng trang đăng nhập thường xuyên. Tùy chỉnh trang đăng nhập WordPress mặc định cho phép bạn cung cấp trải nghiệm người dùng tốt hơn.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn các cách khác nhau để tùy chỉnh trang đăng nhập WordPress.

Hướng dẫn tùy chỉnh trang đăng nhập WordPress

Tại sao chúng ta nên tùy chỉnh trang đăng nhập WordPress ?

 

Theme My Login cũng cho phép bạn sử dụng mã ngắn để tạo các trang đăng nhập và đăng ký tùy chỉnh. Bạn có thể chỉ cần tạo một trang cho mỗi hành động và sau đó thêm slug của trang vào đây để plugin có thể tìm và chuyển hướng người dùng đúng cách.

Hãy bắt đầu với trang đăng nhập. Đi tới Page » Add New để tạo một trang WordPress mới. Tiếp theo, bạn cần đặt tiêu đề cho trang của mình rồi nhập mã ngắn sau [theme-my-login] vào trang.

Bây giờ bạn có thể xuất bản trang của mình và xem trước nó để xem trang đăng nhập tùy chỉnh của bạn đang hoạt động. Đây là kết quả trên trang web thử nghiệm của chúng tôi.

Chỉ cần lặp lại quy trình để tạo các trang khác bằng cách sử dụng các mã ngắn sau.

[theme-my-login action="register"] cho biểu mẫu đăng ký.

[theme-my-login action="lostpassword"] cho trang bị mất mật khẩu.

[theme-my-login action="resetpass"] cho trang đặt lại mật khẩu.

 

Thay đổi biểu trưng và URL đăng nhập WordPress

 

Thay đổi biểu trưng và URL đăng nhập WordPress bằng Plugin

Công cụ tùy chỉnh đăng nhập sẽ tải màn hình đăng nhập WordPress mặc định với các tùy chọn tùy chỉnh ở bên trái và bản xem trước trực tiếp ở bên phải.

Để thay thế biểu trưng WordPress bằng biểu trưng của riêng bạn, hãy nhấp vào tab ‘Logo options’ ở bên phải.

Từ đây, bạn có thể ẩn biểu trưng WordPress, tải lên biểu trưng tùy chỉnh của riêng mình và thay đổi URL và văn bản của biểu trưng.

Bạn cũng có thể tùy chỉnh kích thước và màu sắc của văn bản cũng như chiều rộng và chiều cao của biểu trưng tùy chỉnh.

 

Thay đổi Logo và URL đăng nhập WordPress không dùng Plugin

Phương pháp này cho phép bạn thay thế biểu trưng WordPress trên màn hình đăng nhập theo cách thủ công bằng biểu trưng tùy chỉnh mà không cần plugin.

Trước tiên, bạn cần tải biểu trưng tùy chỉnh của mình lên thư viện phương tiện. Chỉ cần truy cập Media » Add New và tải lên biểu trưng tùy chỉnh của bạn.

Khi bạn đã tải lên hình ảnh, hãy nhấp vào nút ‘Edit’ bên cạnh hình ảnh đó. Thao tác này sẽ mở trang phương tiện chỉnh sửa, nơi bạn cần sao chép URL của tệp và lưu lại.

Tiếp theo, bạn cần thêm đoạn mã sau vào tệp functions.php của chủ đề hoặc một plugin dành riêng cho trang web.

function custom_login_logo() {
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://path/to/your/custom-logo.png);
height:100px;
width:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
</style>
 }
add_action( 'login_enqueue_scripts', 'custom_login_logo' );

 

function login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'login_logo_url' );

function login_logo_url_title() {
return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'login_logo_url_title' );

 

Đừng quên thay thế “Your Site Name and Info” bằng tên trang web của bạn. Biểu trưng tùy chỉnh trên màn hình đăng nhập của bạn bây giờ sẽ trỏ đến trang chủ của trang web của bạn.

 

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu các cách để tùy chhỉnh trang đăng nhập WordPress cho trang web của bạn.