如何在WordPress中從用戶電子郵件顯示Gravatar


Gravatar使化身更容易。 像大多數使用WordPress的網站一樣,我們也在註釋中使用Gravatar來顯示每個註釋作者在全球範圍內公認的頭像。 不知道什麼是墓碑? 然後閱讀:什麼是Gravatar? 即使大多數站點僅在註釋中使用Gravatar,但您可以坦率地在任何要顯示任何用戶個人資料圖片的地方使用它。 例如,在作者簡介框中,邊欄中或在關於頁面中。 在本文中,我們將向您展示如何從WordPress中的用戶電子郵件中顯示Gravatar。

墓碑

注意:我們的示例是針對會員網站完成的。 因此,我們通過提取已登錄的用戶信息來獲取電子郵件地址。 但是,從電子郵件地址顯示引人入勝的技術保持不變。

在WordPress模板文件中顯示用戶電子郵件中的Gravatar

首先,我們將向您展示如何通過簡單的功能在WordPress模板中顯示圖形。 將此代碼添加到主題的 functions.php 文件或特定於站點的插件中。

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 '';
} 

要在WordPress模板中顯示圖形,請使用此代碼。


在WordPress帖子,頁面和小部件中顯示用戶電子郵件中的Gravatar

現在,假設您確實擁有用戶的電子郵件地址,並且有權在您的網站上使用他們的頭像。 但是您沒有他們作為您網站上的註冊用戶。 或者您想要在帖子,頁面或窗口小部件中顯示選定用戶的凹印。 要解決此問題,請將此代碼添加到主題的functions.php文件或特定於站點的插件中:

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');

在上面的代碼中,我們所做的是修改了原始的wpbeginner_display_avatar函數並創建了一個簡碼。 此短代碼wpb_gravatar接受一個參數wpb_user_email。 如果您在簡碼中指定了電子郵件地址參數,則它將顯示簡碼中提供的電子郵件地址的替代信息,而不是當前用戶。 此短代碼可以在帖子,頁面和小部件中使用。 要顯示當前用戶的頭像,請使用以下短代碼:

[wpb_gravatar]

要顯示用戶電子郵件地址的提示,請使用如下短代碼:

[wpb_gravatar wpb_user_email="[email protected]"]

您還可以通過添加CSS來添加CSS .wpb_gravatar 類到您的樣式表。 像這樣:

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

我們希望您發現本文對於在WordPress中顯示用戶電子郵件地址中的圖片很有用。 如果您有任何疑問或反饋,請發表評論。