Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62

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

การเปลี่ยนแปลงของขนาด DIMAGE-Gravatar บน WordPress

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

ธีม WordPress เริ่มต้นส่วนใหญ่เพิ่ม Gravatar ถัดจากความคิดเห็นของผู้ใช้แต่ละคน บางคนถึงกับใช้สำหรับประวัติผู้แต่ง

มาดูกันว่าคุณสามารถเปลี่ยนขนาดภาพ Gravatar บนไซต์ WordPress ของคุณได้อย่างไร

Remarque: เนื่องจากขนาดของรูป Gravatar ถูกกำหนดโดยชุดรูปแบบของคุณคุณต้องแก้ไขไฟล์ของชุดรูปแบบของคุณเพื่อเปลี่ยน

วิธีการปรับขนาด Gravatar สำหรับความคิดเห็น WordPress

สิ่งแรกที่คุณต้องทำคือเปิดไฟล์ comments.php ที่อยู่ในโฟลเดอร์ธีมของคุณ

คุณจะต้องเชื่อมต่อกับเว็บไซต์ของคุณโดยใช้ไคลเอนต์ FTP จากนั้นไปที่ไดเร็กทอรีธีมของคุณตามเส้นทางที่คล้ายกันนี้: " / wp-content / themes / yourtheme / '

หรือหากผู้ให้บริการโฮสติ้งของคุณเสนอตัวจัดการไฟล์คุณสามารถแก้ไขไฟล์นี้โดยใช้เว็บอินเตอร์เฟสใน cPanel ของคุณ

ในไฟล์ comments.php คุณต้องค้นหารหัสต่อไปนี้: avatar_size »

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

Elementor ให้คุณสร้าง อย่างง่ายดายและฟรี การออกแบบเว็บไซต์หรือบล็อกใดๆ ก็ตามที่ดูเป็นมืออาชีพ หยุดจ่ายมากสำหรับเว็บไซต์ที่คุณทำเองได้

มันจะอยู่ข้างใน " wp_list_comments เช่นนี้

'ol', 'short_ping' => จริง, 'avatar_size' => 32,)); ?>

เพียงเปลี่ยนขนาดสำหรับขนาดที่คุณต้องการ Gravatars เป็นรูปสี่เหลี่ยมดังนั้นชุดค่าจะเหมือนกันสำหรับความกว้างและความสูง

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

ถ้าไม่เช่นนั้น CSS ของธีมของคุณอาจเป็นสาเหตุ วิธีที่ดีที่สุดในการตรวจสอบคือใช้ " ตรวจสอบองค์ประกอบ '

เพียงคลิกขวาที่ Gravatar ในเบราว์เซอร์ของคุณแล้วคลิกตรวจสอบรายการ

ตรวจสอบ-a-องค์ประกอบบน WordPress

คุณต้องดูความสูงและความกว้างของภาพ Gravatar เพื่อดูว่าตรงกับภาพที่คุณกำหนดไว้หรือไม่

เมื่อคุณโฮเวอร์เหนือมันจะเน้นขนาด Gravatar จริงและขนาดที่กำหนดไว้ในแอตทริบิวต์

avatar-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 คุณสามารถทำให้รูปภาพเล็กลงซึ่งสามารถเพิ่มประสิทธิภาพการโหลดรูปภาพ

นั่นคือทั้งหมดที่สำหรับบทช่วยสอนนี้อย่าลังเลที่จะแบ่งปันบทช่วยสอนนี้กับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ

12 หุ้น
หุ้น7
ทวีต2
Enregistrer3