Tùy chỉnh trang được bảo vệ bằng mật khẩu WordPress

Gần đây, tôi có một khách hàng muốn bảo vệ một trong các trang WordPress của họ, không thành vấn đề. Sau đó, anh ấy quay lại và nói, bạn có thể thay đổi văn bản và làm cho nó trông đẹp hơn không? . Chắc chắn rồi. Đây là cách để

Bước 1 Chỉnh sửa chức năng của bạn. tệp php

Được rồi, hãy mở chức năng của bạn. php và thêm khối mã này

1

2

3

add_filter( 'the_password_form', 'custom_password_form' );

4

function custom_password_form() {

5

6

2

2

2

2

2

2

2

2

2

2

Hãy để tôi mổ xẻ điều này thực sự nhanh chóng cho bạn. Mã bảo vệ mật khẩu được tạo từ một tệp trong thư mục wp-gộp. "Tuyệt", bạn nghĩ, "Tôi sẽ vào đó và thực hiện các thay đổi của mình". Đừng làm điều đó. Dù có hấp dẫn đến đâu, việc chỉnh sửa mã lõi là một ý kiến ​​tồi tệ, không tốt chút nào. Vì một lý do. Điều gì xảy ra nếu bạn cập nhật WordPress? . lấy làm tiếc. Được rồi, vậy hãy đặt khối mã này vào hàm của bạn. php cho phép bạn sửa đổi nó và không lo mất bất kỳ thay đổi nào đối với biểu mẫu khi bạn cập nhật

Như bạn có thể thấy, tôi thực sự đã thêm các lớp vào chính biểu mẫu, nhãn của biểu mẫu, trường mật khẩu cũng như nút. Bây giờ chúng tôi có mọi thứ chúng tôi cần để tạo kiểu hoàn toàn bằng CSS. Ồ, và chúng tôi không thực sự thay đổi bất cứ điều gì trong thư mục wp-gộp, vì vậy chúng tôi không vi phạm bất kỳ quy tắc nào

Bước 2 Thay đổi Văn bản Bảo vệ Mật khẩu Mặc định

Văn bản in hoa ở trên cũng cho bạn thấy những gì tôi đã thay đổi. bộ văn bản đầu tiên

ĐÂY LÀ VĂN BẢN GIỚI THIỆU MẬT KHẨU MỚI CỦA BẠN HIỂN THỊ TRÊN MẪU MẬT KHẨU

Như bạn có thể thấy đây là văn bản giới thiệu của bạn. nó đã từng nói điều này

Bài đăng/trang này được bảo vệ bằng mật khẩu. Để xem nó xin vui lòng nhập mật khẩu của bạn dưới đây

Bây giờ chúng tôi có thể thay đổi nó thành bất kỳ văn bản nào bạn muốn trên đó. Bạn thậm chí có thể xóa mọi thứ giữa các trích dẫn đó và không có gì hiển thị ở đó cả

Bước 3 Thay đổi nhãn trường nhập mật khẩu

Nhãn mặc định được hiển thị ở bên trái của trường nhập liệu là Mật khẩu. Ở đây bạn có thể thay đổi nó thành bất cứ điều gì bạn muốn nói. Trong trường hợp của tôi, tôi đã chỉ định cho nó một lớp lấy nhãn ra trong css bằng cách đặt màn hình thành không

1

Bạn cũng có thể thay đổi cỡ chữ, màu sắc, tác phẩm cho nhãn này

Bước 4 Tạo kiểu cho trường nhập mật khẩu

Tôi ghét giao diện của các biểu mẫu, nhưng với phần bổ sung này vào trường nhập mật khẩu mặc định, tôi có thể làm cho nó trông "cập nhật" hơn một chút. Hãy thay đổi nó theo cách bạn thấy phù hợp

1

3

Bước 5 Tạo kiểu cho nút Gửi

Trong mã chức năng, tôi đã thêm một lớp vào nút gửi có tên là "nút". Tôi đã làm điều này bởi vì tôi muốn tất cả các nút trên trang web của khách hàng của tôi trông giống hệt nhau. Tính đồng nhất trong một trang web là chìa khóa. Đây là CSS tôi đã sử dụng

1

2

3

3

3

4

3

add_filter( 'the_password_form', 'custom_password_form' );

6

add_filter( 'the_password_form', 'custom_password_form' );

2

add_filter( 'the_password_form', 'custom_password_form' );

2

add_filter( 'the_password_form', 'custom_password_form' );

2

add_filter( 'the_password_form', 'custom_password_form' );

2

4

2

4

Vì một số lý do, tôi nhận được mũi tên khi di chuột qua nút nên tôi chỉ thay đổi con trỏ thành hiển thị con trỏ và nó quay trở lại bàn tay khi di chuột

Bước 6 Thêm văn bản bổ sung bên dưới biểu mẫu

Tôi thực sự cần thêm một lưu ý nhỏ để nói với mọi người rằng trường mật khẩu phân biệt chữ hoa chữ thường nên để thêm văn bản bổ sung bên dưới biểu mẫu, tôi chỉ cần thêm một đoạn mã và chèn thẻ kiểu vào đó để tạo kiểu văn bản tách biệt với phần còn lại của

Bạn có thể tạo một trang được bảo vệ bằng mật khẩu trên WordPress không?

Làm thế nào bạn sẽ thiết lập một trang để được bảo vệ bằng mật khẩu?

Trang được bảo vệ bằng mật khẩu WordPress hoạt động như thế nào?