Bạn có muốn biết cách tạo trang đăng nhập với Elementor ?

Trong WordPress, bạn có thể đi trên yourdomain.com/wp-login.php để đi đến trang đăng nhập của trang web của bạn. Nếu bạn có một trang web lớn với nhiều tác giả / người dùng, bạn có thể muốn tạo một trang đăng nhập tùy chỉnh với thiết kế của riêng bạn để củng cố bản sắc thương hiệu trang web của bạn.

với Elementor, bạn có thể tạo trang đăng nhập tùy chỉnh cho trang web WordPress của mình một cách dễ dàng - mà không cần viết mã hoặc cài đặt bất kỳ plugin bổ sung nào.

Elementor có một tiện ích – tiện ích Đăng nhập – mà bạn có thể sử dụng để tạo trang đăng nhập tùy chỉnh. Elementor thậm chí còn cung cấp các mẫu trang đăng nhập để bạn có thể tạo trang đăng nhập ngay lập tức.

Cách tạo trang đăng nhập WordPress tùy chỉnh với Elementor

Xin lưu ý rằng tiện ích Đăng nhập chỉ có sẵn trên Elementor Pro. Vì vậy, trước khi có thể tạo trang đăng nhập tùy chỉnh, bạn cần nâng cấp Elementor lên phiên bản chuyên nghiệp.

1. Cách tạo trang đăng nhập từ mẫu

Như đã đề cập trước đây, Elementor cung cấp các mẫu để cho phép bạn tạo trang đăng nhập được cá nhân hóa nhanh chóng. Để sử dụng một trang, hãy bắt đầu bằng cách tạo một trang mới (Trang -> Thêm) Và sửa đổi nó với Elementor.

Trong trình chỉnh sửa Elementor, nhấp vào biểu tượng thư mục để mở thư viện mô hình.

Tìm kiếm một mẫu trang đăng nhập tùy chỉnh. Bạn có thể sử dụng hộp tìm kiếm để thuận tiện cho công việc của mình. Khi bạn tìm thấy mô hình mình thích, hãy di chuột qua mô hình đó và nhấp vào nút CHÈN.

Chờ một chút cho đến khi Elementor tải xong mô hình. Sau khi mô hình được tải, bạn có thể nhấp vào xuất bản để xuất bản nó.

Voilà

Để xem trang, bạn có thể nhấp vào biểu tượng ba dòng ở góc trên của bảng điều khiển bên trái và chọn Hiển thị trang.

Và đây là kết quả cuối cùng nếu bạn đã chọn mô hình giống như chúng tôi.

Cách tạo trang đăng nhập bằng Elementor

2. Cách tạo trang đăng nhập tùy chỉnh từ đầu

Nếu bạn muốn có thiết kế trang đăng nhập của riêng mình, bạn cũng có thể tạo trang đăng nhập tùy chỉnh của mình từ đầu. Để bắt đầu, hãy tạo một trang mới và chỉnh sửa nó bằng Elementor.

Trong trình chỉnh sửa Elementor, hãy thêm một phần mới bằng cách nhấp vào biểu tượng dấu cộng. Bạn có thể chọn cấu trúc cột dựa trên thiết kế mà bạn muốn tạo.

Khi phần của bạn đã sẵn sàng, hãy thêm tiện ích Kết nối bằng cách kéo nó từ bảng điều khiển bên trái vào vùng canvas.

Cách tạo trang đăng nhập bằng Elementor

Đi tới tab Nội dung trên bảng điều khiển bên trái để đặt các tùy chọn cơ bản. Có 3 khối tùy chọn mà bạn có thể thao tác:

1. Trường biểu mẫu

Bạn có thể mở khối này để bật / tắt thẻ và đặt kích thước đầu vào.

2. Nút

Bạn có thể mở khối này để đặt văn bản nút, kích thước nút và căn chỉnh nút.

3. Tùy chọn bổ sung

Bạn có thể mở khối này để bật / tắt các phần tử của trang đăng nhập của mình, chẳng hạn như liên kết MMất mật khẩu và tùy chọn Hãy nhớ đến tôi. Vì bạn muốn tạo một trang đăng nhập, hoạt động tùy chọn Chuyển hướng sau khi đăng nhập và dán url bảng điều khiển WordPress (yourdomain.com/wp-admin) trên trường có sẵn. Bạn cũng có thể kích hoạt tùy chọn Chuyển hướng sau khi đăng xuất nếu bạn muốn nó.

Bạn có thể kích hoạt tùy chọn Nhãn tùy chỉnh nếu bạn muốn sử dụng nhãn tùy chỉnh và trình giữ chỗ tùy chỉnh trên hình thức de kết nối.

Một khi Định nghĩa tùy chọn cơ bản hoàn thành, đi đến tab Kiểu để cá nhân hóa hình thức sự liên quan. Có 5 khối tùy chọn phong cách có sẵn:

1. Hình thức

Bạn có thể mở khối này để xác định không gian giữa các dòng, màu của các liên kết và màu của trỏ của các liên kết.

2. Nhãn

Bạn chỉ có thể nhìn thấy khối này nếu bạn kích hoạt nhãn của hình thức. Bạn có thể mở khối này để đặt khoảng cách giữa các nhãn biểu mẫu, màu văn bản và kiểu chữ (họ phông chữ, cỡ chữ, kiểu phông chữ, v.v.).

3. Các lĩnh vực

Bạn có thể mở khối này để xác định màu của các trường văn bản, kiểu chữ (họ phông chữ, cỡ chữ, kiểu phông chữ, v.v.), nền của điều khiển, màu của đường viền của điều khiển, chiều rộng của đường viền của trường và bán kính của đường viền của trường.

4. Nút

Bạn có thể mở khối này để tùy chỉnh nút đăng nhập. Bạn có thể đặt những thứ như màu văn bản của nút, màu văn bản khi di chuột, kiểu chữ, màu nền của nút, bán kính đường viền và tô màu cho nút.

5. Tin nhắn đã đăng nhập

Bạn có thể mở khối này để tùy chỉnh thông báo sau khi người dùng của bạn đã đăng nhập. Đây là tin nhắn:

Bạn có thể đặt màu văn bản và kiểu chữ của tin nhắn.

Khi bạn đã hoàn thành việc tạo kiểu cho widget Đăng nhập, bạn có thể tùy chỉnh các widget khác trên trang của mình. Sau khi chỉnh sửa trang xong, hãy xuất bản / cập nhật trang của bạn và bạn đã tạo thành công trang đăng nhập tùy chỉnh.

Đọc cũng: Cách xuất và nhập mô hình Elementor

Một điều quan trọng cần lưu ý. Sau khi tạo trang đăng nhập tùy chỉnh, không xóa tệp wp-login.php trên trang web WordPress của bạn. Trang web WordPress của bạn vẫn cần tệp này để xử lý quá trình đăng nhập.

Tải xuống Elementor Pro ngay!

Kết luận

Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo trang đăng nhập với Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...