เมื่อเร็ว ๆ นี้ผู้อ่านคนหนึ่งของเราถามเราว่าสามารถเปลี่ยนขนาดของภาพ Gravatar ได้หรือไม่ คำตอบคือใช่ ในบทช่วยสอนนี้เราจะแสดงวิธีเปลี่ยนขนาดภาพ Gravatar บน WordPress
Gravatar เป็นรูปประจำตัวที่ได้รับการยอมรับทั่วโลกซึ่งเชื่อมโยงที่อยู่อีเมลของผู้ใช้กับรูปภาพ แอปยอดนิยมเช่น WordPress และอื่น ๆ ใช้เพื่อแสดงรูปภาพของผู้ใช้บนไซต์
มากที่สุด ธีม WordPress โดยค่าเริ่มต้น เพิ่ม Gravatar ถัดจากความคิดเห็นของผู้ใช้แต่ละคน บางคนถึงกับใช้สำหรับชีวประวัติของผู้เขียน
มาดูกันว่าคุณสามารถเปลี่ยนขนาดภาพ Gravatar บนไซต์ WordPress ของคุณได้อย่างไร
Remarque: เนื่องจากขนาดของรูป Gravatar ถูกกำหนดโดยชุดรูปแบบของคุณคุณต้องแก้ไขไฟล์ของชุดรูปแบบของคุณเพื่อเปลี่ยน
วิธีการปรับขนาด Gravatar สำหรับความคิดเห็น WordPress
สิ่งแรกที่คุณต้องทำคือเปิดไฟล์ comments.php ที่อยู่ในโฟลเดอร์ธีมของคุณ
คุณจะต้องเข้าสู่ระบบของคุณ เว็บไซต์เว็บ โดยใช้ไคลเอนต์ FTP จากนั้นเข้าถึงไดเร็กทอรีธีมของคุณ ตามเส้นทางที่คล้ายกับสิ่งนี้: " / wp-content / themes / yourtheme / '
หรือหากซัพพลายเออร์ของคุณที่พัก มีตัวจัดการไฟล์ คุณสามารถแก้ไขไฟล์นี้โดยใช้เว็บอินเตอร์เฟสใน cPanel ของคุณ
ในไฟล์ comments.php คุณต้องค้นหารหัสต่อไปนี้: avatar_size »
มันจะอยู่ข้างใน " wp_list_comments เช่นนี้
'ol', 'short_ping' => จริง, 'avatar_size' => 32,)); ?>
เพียงเปลี่ยนขนาดสำหรับขนาดที่คุณต้องการ Gravatars เป็นรูปสี่เหลี่ยมดังนั้นชุดค่าจะเหมือนกันสำหรับความกว้างและความสูง
ดำเนินการต่อและบันทึกการเปลี่ยนแปลงของคุณ หากคุณใช้ไคลเอนต์ FTP คุณจะต้องอัปโหลดไฟล์ของคุณไปยังเซิร์ฟเวอร์ ตอนนี้เปิดบทความที่มีความคิดเห็นเพื่อดูว่าการเปลี่ยนแปลงของคุณมีผลหรือไม่
ถ้าไม่เช่นนั้น CSS ของธีมของคุณอาจเป็นสาเหตุ วิธีที่ดีที่สุดในการตรวจสอบคือใช้ " ตรวจสอบองค์ประกอบ '
เพียงคลิกขวาที่ Gravatar ในเบราว์เซอร์ของคุณแล้วคลิกตรวจสอบรายการ
คุณต้องดูความสูงและความกว้างของภาพ Gravatar เพื่อดูว่าตรงกับภาพที่คุณกำหนดไว้หรือไม่
เมื่อคุณโฮเวอร์เหนือมันจะเน้นขนาด Gravatar จริงและขนาดที่กำหนดไว้ในแอตทริบิวต์
คุณจะสังเกตเห็นว่าทั้งสองแตกต่างกัน ซึ่งหมายความว่าไฟล์ style.css ของธีมของคุณรับผิดชอบขนาดรูปภาพเริ่มต้น ธีมมากมายรวมถึงธีมเริ่มต้น ยี่สิบหก ใช้ CSS เพื่อเปลี่ยนขนาดของภาพ
คุณต้องเปิดไฟล์ style.css ในโฟลเดอร์ธีมของคุณและค้นหาอวตาร คุณอาจพบคลาส CSS:“.วิธีการเขียน .avatar ซึ่งมีรหัสดังนี้:
.comment-author .avatar {ความสูง: 42px; ตำแหน่ง: ญาติ; ด้านบน: 0.25em; ความกว้าง: 42px; }
ไปข้างหน้าและเปลี่ยนความกว้างและความสูงเพื่อให้ตรงกับค่าที่ตั้งไว้ก่อนหน้านี้ในไฟล์ comments.php
นั่นคือทั้งหมด คุณเปลี่ยนขนาดของอวาตาร์สำเร็จแล้ว " Gravatar ในความคิดเห็น WordPress ของคุณ
ตอนนี้คุณอาจสงสัยว่าถ้าเป็นไปได้ที่จะลบล้างขนาดภาพโดยใช้ CSS แล้วทำไมต้องเป็นไฟล์ comments.php?
มีข้อดีสองข้อในการทำเช่นนี้ด้วยวิธีนี้:
1 - ไม่มีภาพเบลอ
หากคุณต้องการปรับขนาดที่เสนอ WordPress Gravatar และทำให้มันมีขนาดใหญ่ให้ได้โดย CSS จะทำให้เบลอภาพนี้
2- เวลาในการโหลดได้เร็วขึ้น
ตอนนี้ถ้าคุณต้องการตั้งค่าขนาดภาพที่เล็กกว่าขนาดเริ่มต้นสำหรับการปรับให้เหมาะสมการใช้โค้ด CSS เพื่อทำให้ภาพเล็กลงจะไม่ทำให้การโหลดรูปภาพดีที่สุด
อย่างไรก็ตามการเปลี่ยนขนาดของภาพเป็น " comments.php คุณสามารถทำให้รูปภาพเล็กลงซึ่งสามารถเพิ่มประสิทธิภาพการโหลดรูปภาพ
นั่นคือทั้งหมดที่สำหรับบทช่วยสอนนี้อย่าลังเลที่จะแบ่งปันบทช่วยสอนนี้กับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ
