จาก plugin แนะนำของคุณ bubbleball และเพื่อนๆ ใน thaiwp.com forum ก็เป็นเหตุให้ผมต้องมาลองเล่น plugin ตัวนี้ดู

Gravatars plugin เป็น plugin ที่เหมาะสำหรับ Blog ที่ต้องการความเป็น Community เพิ่มขึ้นมาอีกนิด ด้วยการให้สมาชิกของ Blog สามารถเพิ่มเติมรูปแสดงแทนตัว (ไม่ใช่ตัวแสดงแทนนะ อย่าสับสน ) หรือ Avatar เพิ่มใน comment ได้ ก็คล้ายๆกับ board หลายๆแห่งที่มีรูปเล็กๆ แสดงแทนตัวเราไงละครับ

หมายเหตุ จะใช้ plugin นี้ได้คือต้องเปิดให้ user สามารถสมัครเป็นสมาชิกของ blog เราได้ก่อนนะครับ เพื่อให้มี menu เข้าไปหน้า login ได้ (Wordpress ก็มีระบบสมาชิกด้วยนะครับ อย่าลืม)
และก่อนจะลง plugin นี้หรือ plugin ไหนๆก็ตาม ขอแนะนำให้ทำการ backup ไว้อยู่เสมอ เพราะว่ามีการแก้ไข file ด้วย เดี๋ยวพังแล้วจะหาว่าไม่เตือน

พร้อมแล้วก็ไปกันเลย

1. Download Plugin กันก่อนเลยที่ Skippy.Net

2. Unzip ครับ จะได้ folder gravatars-2.6 มา ให้เข้าไปข้างใน จะมี folder wp-content อยู่

3. Upload ทั้ง folder wp-content ทับไปใน folder wp-content บน hosting ของเราเลย

4. เข้าไปที่ /wp-content/ แล้วทำการ chmod 777 ให้กับ folder /gravatars เพื่อให้ folder นี้สามารถเก็บรูปลงไปได้

5. login เข้าไปที่ Wordpress Admin ของเรา เข้าไปในเมนู Plugins แล้วทำการ Activate Gravatar Plugin ขึ้นมาครับ

6. เข้าไปที่ Options แล้วเลือก Gravatars ทำการปรับแต่งตามใจ ควรแก้จาก wp-content/gravatars/blank_gravatar.png เป็น /wp-content/gravatars/blank_gravatar.png (เติม / เข้าไปด้านหน้า ไม่งั้นรูปไม่ขึ้นครับ)

7. เข้าไปที่ เมนู Users เลือกเมนู Gravatars เพื่อทำการใส่รูป default ของเรา (แนะนำให้ใส่เป็น path แบบ /wp-content/gravatars/ชื่อรูป)

ตัวอย่าง ผมใส่รูปแตงโม

8. Backup file ต่อไปนี้ไว้เลย Stylesheet (.css) ของเรา และ comments.php

9. เปิดเมนู Presentation / Theme Editor เลือก Edit Stylesheet

10. เติมข้อความตามนี้ลงไปต่อท้าย

.gravatar {
float:left;
padding: 3px;
border: 1px solid #000;
background: #fff;
}

.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;
}

11. ยังเหลืออีกนิดครับ แก้ไข file comments.php เพื่อให้เรียกใช้ Gravatars ตรงนี้ค่อนข้างยากหน่อยครับ เพราะแต่ละ Template จะไม่เหมือนกันเลย แนะนำให้อ่าน Readme ไปด้วย เอาละ ก่อนอื่นให้
12. ค้นหาบรรทัดที่เขียนว่า

13. เมื่อเจอแล้วก็ให้ใส่ php ต่อท้ายไปตาม file gravatars.txt เดี๋ยวค่อยปรับแต่งเอาทีหลัง

14. Save แล้วลองเข้ามาดูตรง Comment จะเห็นเป็นแบบนี้ครับ

เสร็จแล้วครับ ง่ายไหมครับ

ความคิดเห็นเพิ่มเติม

สำหรับผมหลังจากติดตั้ง plugin นี้แล้ว รู้สึกว่าการโหลดหน้าเว็บมันจะช้ากว่าเดิมมาก คงเป็นเพราะมีการไปเรียกรูปที่ gravatar.com ด้วยกระมั้ง เลยอืดมากเลย ผมเลยขอบายไปก่อนนะครับตัวนี้ จนกว่าจะมีตัวอื่นเจ๋งๆก็จะมาลองใหม่ครับ

Email this post