Cách hiển thị Gravatar từ Email người dùng trong WordPress

Gravatar đã làm cho hình đại diện dễ dàng hơn. Giống như hầu hết các trang web hỗ trợ WordPress, chúng tôi cũng sử dụng Gravatar trong các nhận xét để hiển thị hình đại diện được công nhận toàn cầu của mỗi tác giả nhận xét. Không biết gravatar là gì? Sau đó đọc: Gravatar là gì? Mặc dù hầu hết các trang web chỉ sử dụng Gravatars trong các nhận xét, bạn hoàn toàn có thể sử dụng nó ở bất kỳ đâu bạn muốn để hiển thị ảnh hồ sơ của bất kỳ người dùng nào. Ví dụ: trong hộp tiểu sử tác giả, hoặc trong thanh bên, hoặc trong trang giới thiệu. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách hiển thị Gravatar từ email người dùng trong WordPress.

Lưu ý: Ví dụ của chúng tôi được thực hiện cho một trang web thành viên. Vì vậy, chúng tôi đang lấy địa chỉ email bằng cách lấy thông tin người dùng đã đăng nhập. Tuy nhiên, kỹ thuật hiển thị gravatar từ địa chỉ email vẫn giữ nguyên.

Hiển thị Gravatar từ Email Người dùng trong Tệp Mẫu WordPress

Đầu tiên, chúng tôi sẽ chỉ cho bạn cách hiển thị gravatar trong các mẫu WordPress của bạn bằng cách sử dụng một chức năng đơn giản. Thêm mã này vào tệp functions.php của chủ đề của bạn hoặc trong một plugin dành riêng cho trang web .

function wpbeginner_display_gravatar() { 
	global $current_user;
	get_currentuserinfo();
	// Get User Email Address
	$getuseremail = $current_user->user_email;
	// Convert email into md5 hash and set image size to 32 px
	$usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32';
	echo '';
} 

Để hiển thị gravatar trong các mẫu WordPress của bạn, hãy sử dụng mã này.

Hiển thị Gravatar từ Email người dùng trong các bài đăng, trang và tiện ích con WordPress

Bây giờ, hãy giả sử rằng bạn có địa chỉ email của người dùng và quyền sử dụng gravatar của họ trên trang web của bạn. Nhưng bạn không có họ với tư cách là người dùng đã đăng ký trên trang web của bạn. Hoặc bạn muốn hiển thị gravatars của những người dùng đã chọn trong một bài đăng, trang hoặc một tiện ích. Để giải quyết vấn đề này, hãy thêm mã này vào tệp functions.php của chủ đề của bạn hoặc trong một plugin dành riêng cho trang web :

function wpb_display_gravatar($atts) { 
extract( shortcode_atts( array(
		'wpb_user_email' => '',
	), $atts ) );
if ($wpb_user_email == '') { 
	global $current_user;
	get_currentuserinfo();
	$getuseremail = $current_user->user_email;
} else { 
        $getuseremail = $wpb_user_email;
}
	$usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32';

	echo '';
} 

add_shortcode('wpb_gravatar', 'wpb_display_gravatar');

Những gì chúng tôi đã thực hiện trong đoạn mã trên là chúng tôi đã sửa đổi hàm wpbeginner_display_avatar ban đầu và tạo một mã ngắn. Mã ngắn wpb_gravatar này chấp nhận một paramater wpb_user_email. Nếu bạn đã chỉ định một tham số địa chỉ email trong shortcode của mình, thì nó sẽ hiển thị gravatar cho địa chỉ email được cung cấp trong shortcode thay vì người dùng hiện tại. Mã ngắn này có thể được sử dụng trong các bài đăng, trang và widget. Để hiển thị gravatar của người dùng hiện tại, hãy sử dụng shortcode này:

[wpb_gravatar]

Để hiển thị gravatar của địa chỉ email người dùng, hãy sử dụng shortcode như sau:

[wpb_gravatar wpb_user_email=”[email protected]“]

Bạn cũng có thể thêm CSS bằng cách thêm lớp .wpb_gravatar vào biểu định kiểu của mình. Như thế này:

.wpb_gravatar { 
padding: 3px;
margin: 3px;
background:#FFFFFF; 
border:2px solid #eee; 
} 

Chúng tôi hy vọng rằng bạn thấy bài viết này hữu ích trong việc hiển thị gravatar từ địa chỉ email người dùng trong WordPress. Nếu bạn có câu hỏi hoặc phản hồi xin vui lòng để lại bình luận.