Bạn đã bao giờ tự hỏi liệu có cách nào để làm cho trang đăng nhập phù hợp với thiết kế trang web của bạn không?
Nếu có, bạn đã đến đúng nơi. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn các phương pháp khác nhau để tùy chỉnh trang đăng nhập của bạn mà không cần bất kỳ plugin nào
Những gì chúng ta đã bao gồm ngày hôm nay?
- Trang đăng nhập mặc định của WordPress
- Tại sao bạn nên tạo một trang đăng nhập tùy chỉnh?
- Tùy chỉnh trang đăng nhập mặc định của WordPress
- Tùy chỉnh logo trang đăng nhập
- Vô hiệu hóa Trình chuyển đổi ngôn ngữ trang đăng nhập WordPress
- Tạo một trang đăng nhập tùy chỉnh mới
Trang đăng nhập mặc định của WordPress
Theo mặc định, bạn có thể truy cập trang đăng nhập WordPress bằng cách thêm /login/, /admin/ hoặc wp-login. php vào cuối URL trang web của bạn
Bạn nhận được màn hình đăng nhập này mỗi khi bạn làm như vậy, phải không?
Như bạn có thể thấy, trang đăng nhập WordPress chứa các yếu tố sau
- nền mặc định
- Biểu tượng WordPress
- Các trường nhập [tên người dùng và mật khẩu]
- Hộp kiểm Nhớ tôi
- Nút gửi
- Liên kết Mất mật khẩu
- Quay lại liên kết
Điều gì sẽ xảy ra nếu bạn muốn thay thế trang chung này bằng trang tùy chỉnh của mình, giả sử, cho mục đích xây dựng thương hiệu?
Chỉ cần tiếp tục đọc đến cuối blog của chúng tôi. Sẽ có một số bất ngờ cho bạn. 🙂
Tại sao bạn nên tạo một trang đăng nhập tùy chỉnh WordPress?
Đầu tiên và quan trọng nhất, các trang đăng nhập tùy chỉnh mang lại trải nghiệm người dùng tốt hơn nhiều. Nếu bạn đang điều hành một doanh nghiệp nhỏ có ít người dùng đăng nhập vào trang web của mình, bạn hoàn toàn có thể sử dụng trang đăng nhập mặc định của WordPress
Tuy nhiên, hãy tưởng tượng rằng trang web của bạn là một cửa hàng trực tuyến, cho phép khách hàng đăng nhập vào trang web của bạn thông qua một cổng nhàm chán và không có thương hiệu không phải là một lựa chọn tốt
Cách tốt nhất là làm cho trang đăng nhập phù hợp với phong cách trang web của bạn
Một lợi ích khác của việc có trang đăng nhập tùy chỉnh WordPress là tăng cường bảo mật cho trang web của bạn. Bằng cách thay đổi URL đăng nhập WordPress mặc định, những người dùng không mong muốn không thể truy cập trang đăng nhập quản trị của bạn một cách dễ dàng. Điều này giúp tránh các cuộc tấn công không mong muốn trên trang web của bạn
Bây giờ, hãy chuyển sang các phần tiếp theo, nơi chúng tôi sẽ hướng dẫn bạn các bước chi tiết để tạo trang đăng nhập của riêng bạn
Tùy chỉnh trang đăng nhập mặc định của WordPress
Bạn có biết rằng bạn có thể thay thế logo và liên kết trên trang đăng nhập mặc định của WordPress bằng trang của riêng bạn không?
Tùy chỉnh logo trang đăng nhập
Để thay thế logo WordPress, chỉ cần thêm đoạn mã sau vào chức năng của chủ đề [con] của bạn. tập tin php
function ppwp_custom_login_logo[] { ?>
#login h1 a, .login h1 a {
background-image: url[//passwordprotectwp.com/wp-content/themes/ppwp/img/ppwp-org-logo.png];
height:100px;
width:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
Hành động này sẽ làm cho tệp PHP đã tạo của bạn trở thành mẫu trang. Theo đó, bạn sẽ thấy tên mẫu khi chỉnh sửa các trang trong phần phụ trợ
Bước 2. Tùy chỉnh tệp mẫu đã tạo của bạn
Bước tiếp theo là thêm mã PHP để tạo một biểu mẫu đăng nhập hoàn chỉnh