วิธีดึง 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 '';