วิธีดึง URL ภาพ Gravatar ของคุณ

มีรูปโปรไฟล์ที่รู้จักกันว่า “ภาพประจำตัว” เป็นสิ่งสำคัญทางออนไลน์ เราอัปโหลดรูปโปรไฟล์ที่ดีที่สุดของเราบนเว็บไซต์และเว็บไซต์โซเชียลเพื่อความถูกต้องความน่าเชื่อถือและเพื่อให้คนรู้จักการแสดงตนออนไลน์ของเราได้ดียิ่งขึ้น.

WordPress มีบริการของตัวเองเพื่อส่งรูปภาพโปรไฟล์ผู้ใช้และเรียกว่า Gravatar นอกจากนี้เรายังสามารถรวมสิ่งนี้เป็นธีมที่กำหนดเองของเรา โพสต์นี้จะแนะนำวิธีการสองสามอย่างเกี่ยวกับวิธีที่คุณสามารถดึงภาพโปรไฟล์จาก Gravatar.

ใช้ Gravatar

เริ่มจากพื้นฐานกันก่อน WordPress มีฟังก์ชั่นพิเศษแบบบูรณาการ, get_avatar, ซึ่งช่วยให้เราสามารถดึงภาพ Gravatar ฟังก์ชั่นนี้ต้องการพารามิเตอร์สองตัวคือ ID ผู้ใช้หรืออีเมลและขนาดของภาพที่จะแสดง นี่คือตัวอย่าง.

 $ user_id = get_the_author_meta ('ID'); echo get_avatar ($ user_id, 80); 

หากคุณต้องการใช้อีเมลผู้ใช้ให้กรอก get_the_author_meta () ฟังก์ชั่นด้วย user_email:

 $ user_id = get_the_author_meta ('user_email'); echo get_avatar ($ user_id, 80); 

ตัวอย่างทั้งสองจะแสดงผลลัพธ์เดียวกัน: อิมเมจผู้ใช้ที่มีขนาดเท่ากับ 80px. ในกรณีของฉันฉันจะเห็นรูปของฉัน.

แต่ปัญหาที่ฉันเคยพบกับฟังก์ชั่นนี้คือฟังก์ชั่นสร้างภาพทั้งหมด; เต็ม แท็ก ตรวจสอบซอร์สโค้ดและคุณควรพบดังนี้:

สิ่งนี้ทำให้เป็นเรื่องยุ่งยากเล็กน้อยสำหรับเราเช่นการแทรกคลาสเพิ่มเติมหรือรหัสลงใน .

หรืออีกวิธีหนึ่งเราสามารถดึงเฉพาะ URL ภาพแทน องค์ประกอบเต็ม เมื่อเราได้รับ URL แล้วเราสามารถเพิ่มลงใน ด้วยคลาสที่กำหนดเองหรือ ID ที่เพิ่ม.

วิธีดึงข้อมูล URL รูปภาพ

ก่อนอื่นเราจะต้องสร้างฟังก์ชั่น PHP ใหม่ functions.php ของธีม WordPress ที่คุณใช้ ลองตั้งชื่อฟังก์ชั่นดังนี้:

 ฟังก์ชัน get_avatar_img_url  

การดึงภาพ Gravatar ต้องการอีเมลผู้ใช้ ตรวจสอบให้แน่ใจว่าอีเมลได้รับการลงทะเบียนใน Gravatar เพื่อดูผลลัพธ์ โทรหาผู้ใช้อีเมลผู้เขียนเช่นนั้น.

 ฟังก์ชัน get_avatar_img_url $ user_email = get_the_author_meta ('user_email');  

URL รูปภาพ Gravatar ถูกระบุด้วย http://gravatar.com/avatar/ และตามด้วย md5 แฮช (ค่าที่เข้ารหัส) ของที่อยู่อีเมล หากต้องการคืนค่าที่อยู่อีเมลกลับเป็น “md5 แฮช” ค่าเราสามารถใช้ฟังก์ชั่น PHP ในตัว, md5 (). ดังนั้นเราจึงกำหนด URL ภาพ Gravatar ด้วยวิธีนี้:

 ฟังก์ชัน get_avatar_img_url $ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/' md5 ($ user_email);  

ต่อไปเราจำเป็นต้องรวมพารามิเตอร์ที่จำเป็นสองสามข้อใน URL ซึ่งเป็นขนาดรูปภาพและรูปภาพทางเลือกเริ่มต้นหากภาพไม่ได้ลงทะเบียนใน Gravatar ในการทำเช่นนั้นเราจะใช้ฟังก์ชั่น WordPress ที่เรียกว่า add_query_arg.

 ฟังก์ชัน get_avatar_img_url () $ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/' md5 ($ user_email); $ url = add_query_arg (อาร์เรย์ ('s' => 80, 'd' => 'mm',), $ url); ส่งคืน esc_url_raw ($ url);  

นี้ add_query_arg ฟังก์ชั่นจะเพิ่มพารามิเตอร์ที่ส่วนท้ายของ URL ในกรณีของเรามันจะออก ?s = 80 & d = มิลลิเมตร ซึ่งกำหนดขนาดภาพเป็น 80 พิกเซลและตั้งค่ารูปเริ่มต้นเป็น มิลลิเมตร (บุคคลปริศนา).

ตอนนี้ใช้ PHP เสียงสะท้อน เพื่อส่งออก URL ภายใน องค์ประกอบเช่น:

 $ avatar_url = get_avatar_img_url (); echo '';