Plugin, Wordpress

Gravatars plugin แสดงรูปสมาชิกขาประจำ

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

Gravatars plugin เป็น plugin ที่เหมาะสำหรับ Blog ที่ต้องการความเป็น Community เพิ่มขึ้นมาอีกนิด ด้วยการให้สมาชิกของ Blog สามารถเพิ่มเติมรูปแสดงแทนตัว (ไม่ใช่ตัวแสดงแทนนะ อย่าสับสน :D) หรือ 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 อยู่

gravatars-1.jpg

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

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

gravatars-2.jpg

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/ชื่อรูป)
Melon.gif
ตัวอย่าง ผมใส่รูปแตงโม

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. ค้นหาบรรทัดที่เขียนว่า gravatars-3.jpg

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

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

gravatars-5.jpg

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

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

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



เรื่องที่น่าจะเกี่ยวข้องกับเรื่องนี้

5 Comments

speak up

Add your comment below, or trackback from your own site.

Subscribe to these comments.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

*Required Fields