Hiển thị thông tin chi tiết của người dùng hiện tại trong WordPress – Hiển thị thông tin chi tiết về người dùng, chẳng hạn như tên, email hoặc vai trò trên trên trang web có thể nâng cao đáng kể trải nghiệm người dùng. Cho dù đó là thông điệp chào mừng hay hiển thị thông tin cơ bản của người dùng nhưng nó giúp người đọc cảm thấy được coi trọng khi họ truy cập vào trang Web của bạn.
Hiển thị thông tin chi tiết của người dùng
Trong hướng dẫn này, mình sẽ chỉ cho bạn cách hiển thị chi tiết người dùng hiện tại mà không cần các plugin bổ sung. Với tính năng này thông tin hiển thị sẽ tự động cập nhật cho mỗi người dùng đăng nhập. Bạn có thể hiển thị những thông tin chi tiết này ở bất kỳ đâu trên trang web của mình có hỗ trợ shortcodes.
Sử dụng mã hiên thị thông tin
Để hiển thị chi tiết người dùng hiện tại mà không cần sử dụng plugin, bạn có thể sử dụng đoạn mã tùy chỉnh bên dưới dán trực tiếp vào trang web WordPress của mình. Phương pháp này cho phép bạn tạo một mã ngắn tùy chỉnh sẽ hiển thị thông tin người dùng ở giao diện trang chính.
Đoạn mã dưới đây tạo shortcode [userdetail],
có thể được tùy chỉnh với nhiều thuộc tính khác nhau để hiển thị chi tiết người dùng.
function wpp_user_details($atts = array()) {
$current_user= wp_get_current_user();
// Check for positional attribute
if (isset($atts[0])) {
$detail = $atts[0];
} else {
// Fallback to default attribute handling
$atts = shortcode_atts(array(
'detail' => 0
), $atts);
$detail = $atts['detail'];
}
$user_detail = $current_user-> $detail;
return $user_detail;
}
add_shortcode('userdetail', 'wpp_user_details');
Các thuộc tính liên quan
Dưới đây là một số ví dụ về cách sử dụng shortcode với thuộc tính và thông tin mà nó sẽ hiển thị ở giao diện người dùng:
[userdetail display_name]
: sẽ hiển thị tên hiển thị của người dùng.[userdetail user_login]
: sẽ hiển thị tên người dùng của người dùng.[userdetail user_firstname]
: sẽ hiển thị tên của người dùng.[userdetail user_lastname]
: sẽ hiển thị họ của người dùng.[userdetail user_email]
: sẽ hiển thị địa chỉ email của người dùng.[userdetail ID]
: sẽ hiển thị ID của người dùng.
Mã ngắn linh hoạt này giúp bạn dễ dàng cá nhân hóa trang web của mình bằng thông tin người dùng một cách tự động.
Kết hợp mã vào trang Web
Để tích hợp đoạn mã bên trên vào trang web của bạn, bạn có thể truy cập vào tệp functions.php của chủ đề đang sử dụng. Tuy nhiên, phương pháp án này không được khuyến khích vì các bản cập nhật chủ đề có thể xóa đoạn mã, khiến mã ngắn không thể sử dụng được, để khắc phục bạn có thể tạo Child Theme hoặc sử dụng Plugin tùy biến mã.
Bạn có thể thực hiện việc này bằng cách điều hướng đến Giao diện > Trình chỉnh sửa tệp trong bảng điều khiển WordPress, sau đó sao chép đoạn mã trên và dán vào cuối là được.
Khi bạn đã thêm đoạn mã, hãy nhấp vào nút Update File để cập nhật mới.
Hiển thị người dùng
Lúc này hãy lúc sử dụng shortcode và hiển thị thông tin chi tiết của người dùng hiện tại ở vị trí ưa thích của bạn.
Ở trên mình đã sử dụng shortcode nhiều lần với nhiều thuộc tính khác nhau để tạo một trang hồ sơ người dùng đơn giản.
Các thuộc tính này bao gồm user_login, display_name, user_firstname, user_lastname và user_email.
Sau khi thực hiện xong, hãy kiểm tra kết quả ở trang chủ WordPress.
Nếu bạn đã đăng nhập vào tài khoản của bạn, bạn sẽ thấy đầy đủ thông tin cần thiết như hình bên dưới.
- Danh sách Ping list tốt nhất cho WordPress cập nhật liên tục
- 5 Plugin chia sẻ mạng xã hội tốt nhất cho WordPress
- Cách tích hợp trình soạn thảo vào form bình luận WordPress
- Cách hiển thị bài viết gần đây bằng Widget trên WordPress
- Cách tạo quảng cáo trượt hai bên trong WordPress đơn giản
Kết luận
Hướng dẫn đã giúp bạn hiển thị chi tiết người dùng hiện tại mà không cần plugin bổ sung, đảm bảo thông tin tự động cập nhật cho mỗi người dùng đã đăng nhập. Bằng cách tận dụng các shortcode, bạn có thể dễ dàng hiển thị những chi tiết này ở bất kỳ đâu trên trang web của mình, nâng cao khả năng cá nhân hóa và mức độ tương tác của người dùng, bạn có thể hiển thị thông tin người dùng dưới bài viết liên quan để cá nhân hóa tốt hơn.
Những thông tin vô cùng hữu ích, cảm ơn bác đã chia sẻ!
Cảm ơn bác 😛