Cập nhật hồ sơ người dùng giao diện người dùng wordpress
|
ProfilePress là plugin tốt nhất để tạo các biểu mẫu hồ sơ chỉnh sửa WordPress tùy chỉnh cho phép người dùng có thể chỉnh sửa thông tin hồ sơ của họ hoặc thay đổi chi tiết tài khoản của họ ở mặt trước của trang web thành viên WordPress của bạn mà không cần phải truy cập bảng điều khiển phụ trợ Show
 Xây dựng Frontend Edit Profile Form
Bạn có thể xem trước biểu mẫu sẽ trông như thế nào bằng cách nhấp vào nút “Xem trước trực tiếp” Cài đặt biểu mẫuTrong cài đặt biểu mẫu, bạn có thể thay đổi tiêu đề, màu sắc và nhãn nút của biểu mẫu. Bạn cũng có thể đặt thông báo thành công được hiển thị cho người dùng mới
Sau khi lưu biểu mẫu, một mã ngắn sẽ được tạo cho biểu mẫu cụ thể đó. Nhấp vào Biểu mẫu & Hồ sơ>>Chỉnh sửa hồ sơ và sao chép mã ngắn cho biểu mẫu mới được tạo Đó là nó. Biểu mẫu hồ sơ Chỉnh sửa WordPress tùy chỉnh của bạn đang hoạt động và sẵn sàng để sử dụng Bước cuối cùng là thêm shortcode chỉnh sửa hồ sơ vào một trang NB. Nếu bạn đang sử dụng Gutenberg Block Editor, bạn cần thêm khối Shortcode rồi dán mã ngắn vào trường Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách mở rộng hồ sơ người dùng WordPress bằng cách tạo các trang hồ sơ có thể chỉnh sửa ở mặt trước. Đây là các trang hồ sơ người dùng WordPress giao diện người dùng tùy chỉnh có thể được người dùng cập nhật và tùy chỉnh ngay từ giao diện người dùng Có nhiều cách khác nhau để xây dựng một trang web có tài khoản người dùng với WordPress, từ các plugin xây dựng hồ sơ người dùng khác nhau đến sử dụng mã tùy chỉnh và chủ đề WordPress chuyên dụng. Viết mã tùy chỉnh để tạo và quản lý các trang hồ sơ có thể là một nhiệm vụ khá phức tạp nhưng nếu bạn cảm thấy thoải mái với việc viết một số mã tùy chỉnh, bạn có thể cân nhắc tạo các trang hồ sơ người dùng tùy chỉnh với ACF. Vì việc xây dựng các trang hồ sơ WordPress tùy chỉnh trong WordPress mà không cần plugin có thể là một nỗ lực khá phức tạp, nên trong bài viết này, chúng tôi sẽ tập trung vào việc tạo các trang hồ sơ người dùng WordPress với sự trợ giúp của các plugin. Có một số plugin WordPress miễn phí và trả phí có thể cung cấp các tính năng khác nhau tùy thuộc vào mục tiêu mà chúng đang cố gắng đạt được. Tuy nhiên, có một số yếu tố mà bạn sẽ cần xem xét khi tìm kiếm plugin xây dựng hồ sơ WordPress
Trong bài viết này, chúng tôi sẽ tập trung vào plugin Ultimate Member, vì đây là một trong những plugin linh hoạt và dễ sử dụng nhất. Chỉ bằng cách làm theo một vài bước đơn giản, chúng tôi sẽ cho phép người dùng của mình chỉnh sửa hồ sơ của họ trên giao diện người dùng mà không cần phải truy cập bảng điều khiển quản trị viên. Ngoài ra, chúng tôi sẽ có thể tạo nhiều trường tùy chỉnh hồ sơ mới và cấp cho người dùng quyền truy cập để chỉnh sửa chúng Plugin hồ sơ người dùng Ultimate Member cho phép bạn tạo mạng xã hội và trang web thành viên, bằng cách tạo các trang hồ sơ người dùng WordPress khác nhau và cho phép họ kết nối và tương tác với những người dùng khác. Thành viên cuối cùng cũng cung cấp nhiều cài đặt bảo mật khác nhau, có thể cho phép bạn chỉ hiển thị các trang hồ sơ người dùng của mình cho chủ sở hữu của họ. Vì vậy, nếu bạn không cần phần thành viên của plugin, nhưng bạn cần cung cấp cho người dùng của mình một cách dễ dàng để chỉnh sửa thông tin chi tiết của họ, bạn vẫn có thể sử dụng Thành viên cuối cùng cho điều đó. Đây là một giải pháp tuyệt vời, vì bạn có thể cho phép truy cập hồ sơ người dùng phía trước, không có quyền truy cập phụ trợ bảng điều khiển WordPress Chúng ta cũng sẽ tìm hiểu cách bạn có thể tìm kiếm thông qua các trường tùy chỉnh mới được thêm này bằng cách sử dụng Thông tin chi tiết về người dùng. Bằng cách này, bạn không chỉ có thể tạo các trang chỉnh sửa hồ sơ mà còn có thể xem các hồ sơ này đang được sử dụng như thế nào Các tính năng hồ sơ người dùng Thành viên cuối cùngKhi bạn cài đặt và kích hoạt plugin Ultimate Member, trang web WordPress của bạn sẽ được chuyển thành trang web thành viên. Các tính năng nổi bật nhất bao gồm hồ sơ người dùng WordPress trên giao diện người dùng, đăng ký người dùng giao diện người dùng, hồ sơ người dùng với các trường tùy chỉnh, vai trò người dùng tùy chỉnh và trình tạo biểu mẫu Ngoài ra, còn có các hạn chế về nội dung, thư mục thành viên và các tính năng tải có điều kiện. Ví dụ: chúng tôi có thể ẩn nội dung, widget hoặc menu dựa trên cấp độ truy cập của người dùng hiện tại Plugin Ultimate Member cũng giới thiệu nhiều mã ngắn khác nhau, một số trong đó bạn có thể sử dụng để tạo các trang hồ sơ người dùng công khai WordPress tùy chỉnh. Và đó là khía cạnh mà chúng ta sẽ khám phá hôm nay. Hãy tạo biểu mẫu hồ sơ người dùng đầu tiên của chúng tôi ngay bây giờ Tạo biểu mẫu đăng ký người dùng với Ultimate MemberĐể tạo biểu mẫu đăng ký mới, chúng tôi cần chọn biểu mẫu từ menu Ultimate Member > Forms. Thao tác này sẽ mở trang biểu mẫu cung cấp cho bạn tổng quan về tất cả các biểu mẫu hiện có của bạn. Nếu bạn nhấp vào nút “thêm biểu mẫu mới”, nó sẽ đưa bạn đến trang nơi bạn có thể tạo biểu mẫu đăng ký người dùng mới của mình Khi tạo biểu mẫu đăng ký mới, có một số trường cần thiết và phải được đưa vào để Thành viên cuối cùng có thể đăng ký người dùng đúng cách. Đây là trường tên người dùng hoặc trường tên người dùng/email và trường mật khẩu. Đây là những trường mà WordPress yêu cầu mỗi người dùng phải có tên người dùng và mật khẩu. Các trường này là cần thiết để người dùng có thể đăng nhập sau khi đăng ký thành công. Ngoài những yêu cầu đó, bạn có thể tự do thêm bất kỳ trường nào khác vào biểu mẫu đăng ký
Tạo biểu mẫu hồ sơ người dùng với Ultimate MemberTrong Thành viên cuối cùng > Biểu mẫu, bạn cũng có thể tạo và chỉnh sửa biểu mẫu đăng nhập và hồ sơ của mình. Chúng tôi có thể sử dụng nó để cho phép người dùng WordPress của chúng tôi chỉnh sửa hồ sơ của họ trên giao diện người dùng. Bây giờ hãy bắt đầu bằng cách tạo một biểu mẫu mới. Chúng tôi sẽ sử dụng biểu mẫu này làm mẫu trang hồ sơ cho các kiểu người dùng khác nhau. Có nhiều biểu mẫu sẽ hữu ích nếu mỗi loại người dùng có một vai trò hoặc một tập hợp các trường tùy chỉnh. Ví dụ: bạn có thể có các mẫu trang hồ sơ khác nhau cho các loại người dùng hoặc nghề nghiệp khác nhau Màn hình tạo biểu mẫu bao gồm nhiều trường. Hãy thêm một số lĩnh vực. Trong trường hợp bạn chưa đăng ký các trường người dùng tùy chỉnh mong muốn, bạn có thể làm điều đó khi thêm chúng vào biểu mẫu. Ví dụ: nếu chúng tôi muốn biết ngôn ngữ lập trình chính của các nhà phát triển của mình, ngôn ngữ đó có thể được lưu trữ trong trường tùy chỉnh. Từ phần đăng ký hồ sơ, bạn có thể nhấp vào trường “thêm mới” Thêm các trường tùy chỉnh vào biểu mẫu hồ sơ người dùngTrình tạo biểu mẫu là nơi bạn có thể thêm các trường của biểu mẫu hồ sơ người dùng của mình. Bạn có thể chọn một trong nhiều trường được xác định trước hoặc nhấp vào một trong các loại trường để tạo trường tùy chỉnh mới Sau đó chọn loại trường – trong ví dụ của chúng tôi, đó có thể là trường radio hoặc trường thả xuống Tiếp theo, hãy thêm tất cả các chi tiết trường tùy chỉnh. Có nhiều tùy chọn khác nhau mà Ultimate Member cung cấp. Tất cả các tùy chọn đều được giải thích rõ ràng khi bạn di chuột vào biểu tượng dấu chấm hỏi. Một số lĩnh vực quan trọng nhất mà bạn nên chú ý là
Sau khi bạn tạo trường, bạn chỉ cần lặp lại quy trình này cho tất cả các trường hồ sơ mong muốn của mình, có thể là trường tùy chỉnh hoặc mặc định Ngoài ra còn có tùy chọn để thay đổi một số tùy chọn ở cấp độ từ. Ví dụ: bạn có thể tạo một biểu mẫu dành riêng cho vai trò, thay đổi mẫu, màu sắc, kích thước, căn chỉnh của biểu mẫu. Tất cả các tùy chọn thiết kế của một biểu mẫu có thể được tùy chỉnh, vì vậy mỗi biểu mẫu có thể là duy nhất. Điều này có thể được thực hiện bằng cách bật trường “Áp dụng cài đặt tùy chỉnh cho biểu mẫu này” trong thanh bên Đây là thiết lập cuối cùng của hình thức của chúng tôi. Vì đây là biểu mẫu tùy chỉnh để chỉnh sửa hồ sơ nên bạn không cần thêm tất cả các trường người dùng của mình. Trên thực tế, bạn chỉ có thể thêm một trường hồ sơ tùy chỉnh nếu muốn, trong trường hợp đó là thông tin cần thiết cho bạn Chỉ có một phần còn thiếu trong hồ sơ người dùng WordPress của chúng tôi, đang hiển thị biểu mẫu của chúng tôi. Hãy làm điều đó ngay bây giờ
Tạo trang hồ sơ người dùng WordPressSau khi bạn tạo biểu mẫu, một mã ngắn sẽ được tạo cho biểu mẫu đó. Để tạo trang hồ sơ người dùng WordPress của chúng tôi, chúng tôi sẽ tạo một trang thông thường và chèn mã ngắn hồ sơ WordPress mới được tạo của chúng tôi. Chúng tôi cũng cần đặt trang đó làm trang hồ sơ của bạn trong Ultimate Member > Settings > General > User page. Bằng cách này, hồ sơ của bạn sẽ có thể chỉnh sửa được. Sau đó, chỉ cần xuất bản trang này Và đặt nó làm trang người dùng của bạn, nó sẽ hiển thị hồ sơ tùy chỉnh của chúng tôi Bạn có thể sử dụng kỹ thuật tương tự để tạo nhiều màn hình chỉnh sửa hồ sơ người dùng WordPress ở giao diện người dùng. Nếu bạn có nhiều vai trò người dùng hoặc thậm chí nếu bạn muốn thu thập dữ liệu khác nhau từ những người dùng khác nhau, thì đó là cách dễ nhất để thực hiện Người dùng của chúng tôi có thể chỉnh sửa dữ liệu người dùng của họ thông qua các trường tùy chỉnh và tải lên ảnh hồ sơ của riêng họ ngay bây giờ. Và chúng tôi có thể xem liệu họ có đang sử dụng mẫu hồ sơ giao diện người dùng hay không bằng cách kiểm tra hồ sơ của họ. Do đó, khi người dùng có trường ngôn ngữ lập trình, đây là cách thông tin này được hiển thị khi bạn kiểm tra trang hồ sơ Thành viên cuối cùng của họ Nhưng việc kiểm tra từng người dùng của chúng tôi theo cách thủ công có thể tốn quá nhiều công sức. Đó là lý do tại sao chúng tôi sẽ sử dụng plugin Thông tin chi tiết về người dùng. Ở phần sau của bài viết này, chúng tôi sẽ chỉ cho bạn cách bạn có thể tìm kiếm và lọc người dùng WordPress của mình dựa trên các trường hồ sơ của họ trên trang hồ sơ người dùng tùy chỉnh của họ. Nhưng trước tiên, hãy nói về quyền riêng tư dữ liệu Đặt các trang hồ sơ người dùng ở chế độ riêng tưVì Thành viên cuối cùng là một plugin thành viên nên nó sẽ đặt một số trang người dùng ở chế độ công khai theo mặc định. Điều này bao gồm các trang hồ sơ người dùng và thư mục thành viên. Nếu bạn cần giữ các trang hồ sơ ở chế độ riêng tư đối với chủ sở hữu và quản trị viên, bạn sẽ cần định cấu hình cài đặt quyền riêng tư của Thành viên cuối cùng Vô hiệu hóa thư mục thành viênThành viên cuối cùng theo mặc định tạo một thư mục thành viên liệt kê tất cả các thành viên có sẵn. Để tắt thư mục thành viên, hãy vào Ultimate Member > Settings > General > Users và bỏ chọn tùy chọn “Enable Members Directory” Giới hạn quyền truy cập trang hồ sơĐiều tiếp theo chúng ta cần làm là giới hạn quyền truy cập vào trang hồ sơ người dùng. Điều này yêu cầu thay đổi một vài cài đặt Trước tiên, hãy mở trang hồ sơ người dùng ở chế độ chỉnh sửa và điều hướng đến phần “Hạn chế nội dung UM”. Trong phần này, bạn sẽ thấy tùy chọn “Hạn chế quyền truy cập vào nội dung này”. Chọn tùy chọn này, sau đó trong trường “Ai có thể truy cập nội dung này” sẽ được hiển thị bên dưới, hãy chọn tùy chọn “Người dùng đã đăng nhập”. Điều này sẽ hạn chế quyền truy cập vào trang này chỉ đối với người dùng đã đăng nhập – khách truy cập trang web sẽ không thể truy cập nội dung của trang này Tiếp theo, chúng tôi cũng cần hạn chế quyền truy cập vào trang này dựa trên vai trò của người dùng. Để thực hiện việc này, hãy chuyển đến Thành viên chính > Vai trò người dùng. Sau đó, bạn phải chỉnh sửa từng vai trò sẽ không được phép truy cập trang hồ sơ người dùng của người dùng khác. Để hạn chế quyền truy cập, bạn chỉ cần tắt tùy chọn “Có thể xem hồ sơ thành viên khác” Lọc và hiển thị các trường tùy chỉnh hồ sơ người dùngBước đầu tiên trong việc lọc các trường tùy chỉnh trong Thông tin chi tiết về người dùng là kích hoạt mô-đun Thành viên cuối cùng. Bạn có thể làm điều đó trong Thông tin chi tiết về người dùng> Tùy chọn mô-đun Bằng cách đó, bạn sẽ thấy ngay các trường tùy chỉnh mà bạn đã tạo cả trong bộ lọc và trong cột của mình Điều đó có nghĩa là bạn có thể lọc người dùng của mình dựa trên dữ liệu này – hoặc thiếu dữ liệu đó. Vì ngôn ngữ lập trình của chúng tôi là một trường loại thả xuống, chúng tôi có thể lọc những người dùng đã điền vào trường này hoặc theo một trong các tùy chọn. Ví dụ: bạn có thể lọc tất cả các nhà phát triển PHP Cũng có thể lọc tất cả người dùng đã đăng nhập nhưng chưa điền vào bất kỳ trường nào mới tạo của chúng tôi. Bằng cách này, bạn có thể liên lạc với họ qua email để gửi trang chỉnh sửa hồ sơ mới Xuất những người dùng này sẽ cung cấp cho bạn tệp CSV mà bạn có thể sử dụng trong phần mềm bên ngoài như MailChimp hoặc Excel. Bạn có thể lọc, nhóm và xuất người dùng của mình cũng như các trường tùy chỉnh của họ bằng Thông tin chi tiết về người dùng Tạo báo cáo từ dữ liệu hồ sơ người dùngNgoài sức mạnh của các báo cáo người dùng cá nhân, chúng tôi cũng có thể hưởng lợi từ các báo cáo định lượng. Điều này đặc biệt thú vị nếu bạn muốn có được bức tranh toàn cảnh và kiểm tra một số khía cạnh chung của cơ sở người dùng của mình. Đó là khi phần Báo cáo quan trọng Trong đó, bạn sẽ thấy kết quả tổng hợp cho từng điểm dữ liệu của mình. Do đó, bạn có thể nhanh chóng xem và so sánh các phản hồi khác nhau của người dùng đối với hồ sơ của họ. Báo cáo thành viên cuối cùng có thể là điểm khởi đầu tốt nếu bạn chưa biết cơ sở hồ sơ khách hàng của mình. Từ đó bạn có được bức tranh toàn cảnh và nó có thể lấp lánh những câu hỏi thú vị Vì tất cả dữ liệu trường hồ sơ và hoạt động của Thành viên cuối cùng đều được sử dụng nên chúng tôi có thể nhanh chóng kiểm tra kết quả hồ sơ mới của mình. Ví dụ: các trường thả xuống như ngôn ngữ lập trình chính hoặc hoạt động tự do được hiển thị với tất cả các tùy chọn. Ngoài ra, khi kiểm tra các báo cáo, bạn có thể nhanh chóng loại bỏ các giá trị không mong muốn và chỉ kiểm tra những giá trị phù hợp với bạn
Trong ví dụ trên, chúng ta có thể thấy việc loại trừ một giá trị có thể thay đổi nhận thức của chúng ta như thế nào. Kịch bản đầu tiên tất cả các mục dường như có cùng giá trị. Sau đó, chúng tôi ẩn một trong số chúng và chúng tôi có thể thấy rõ xu hướng làm việc tự do bán thời gian Các trường thả xuống có một khía cạnh độc quyền. Bạn không thể chọn hai cùng một lúc. Do đó, khi trình bày dữ liệu, biểu đồ hình tròn là lựa chọn tốt nhất. Mặt khác, chúng ta có thể có nhiều trường chọn. Đối với những điều này, chúng tôi có một màn hình biểu đồ thanh Đây là một cách nhanh chóng để tìm câu trả lời phổ biến nhất cho một số câu hỏi của bạn, bất kể tỷ lệ phần trăm người dùng. Dưới đây là một số ví dụ
Tóm lại, các báo cáo là một cách tuyệt vời để kiểm tra hồ sơ người dùng của bạn. Họ có thể cung cấp cho bạn thông tin chi tiết về những gì cần xem xét và những gì mong đợi từ người dùng của bạn. Ngoài ra, đây có thể là điểm khởi đầu tuyệt vời để điều tra sâu hơn, sử dụng bộ lọc thông minh và kiểm tra nhiều yếu tố Phần kết luậnTrong bài viết này, chúng tôi đã hướng dẫn cách sử dụng plugin thành viên Ultimate để xây dựng trang hồ sơ người dùng giao diện người dùng, người dùng có thể chỉnh sửa trang này. Người dùng sẽ tạo nội dung của riêng họ và lưu nội dung đó, nội dung này sẽ cập nhật trang hồ sơ người dùng mà không có bất kỳ tương tác nào từ chương trình phụ trợ. Chúng tôi cũng sẽ triển khai hệ thống quản lý người dùng WordPress có thể được sử dụng để lọc bộ lọc và sắp xếp người dùng của bạn dựa trên dữ liệu hồ sơ của họ Làm cách nào để chỉnh sửa hồ sơ người dùng trong Giao diện người dùng?Bạn chỉ cần sử dụng mã chỉnh sửa hồ sơ trên một trang và cấp quyền truy cập cho người dùng đã đăng nhập trên trang đó để chỉnh sửa hồ sơ của họ. Hãy xem làm thế nào để làm điều đó. Trước hết, điều hướng đến wp-admin → Giao diện người dùng → Biểu mẫu đăng ký → Chọn biểu mẫu đăng ký → Sao chép mã ngắn 'Chỉnh sửa hồ sơ' trong biểu mẫu đăng ký của bạn .
Làm cách nào để tạo trang hồ sơ người dùng trong WordPress mà không cần plugin?Tùy chỉnh Trang hồ sơ người dùng WordPress mà không cần plugin . Dọn dẹp trang hồ sơ người dùng Đặt vai trò người dùng mặc định khi thêm người dùng mới Vô hiệu hóa hộp kiểm “gửi email đến người dùng mới” Hồ sơ Front end là gì?WP Frontend Profile cung cấp cho bạn khả năng thêm phần hồ sơ người dùng có thể mở rộng vào giao diện người dùng của trang web WordPress của bạn. Theo mặc định, plugin thêm hai tab vào hồ sơ giao diện người dùng |
