สำหรับคนไทยที่ใช้ Social Network ต่างจากฝรั่งนิดหน่อย (เช่น ใช้ ไลน์ กันเป็นประจำ) เวลาจะหาปลั๊กอินสำหรับใส่ปุ่มแชร์ เรามักจะไม่ค่อยเจอตัวถูกใจเท่าไรนัก ตัวที่มีปุ่มไลน์ที่เจอก็มักเป็นตัวเสียตังค์ ตั้งค่ายาก ขนาดใหญ่ ใช้แล้วเจอ error เยอะอีกต่างหาก
ทีมงาน SeedThemes เองก็เช่นกัน สุดท้ายเราเลยพัฒนาปลั๊กอินขึ้นมาเพื่อใช้งานของเรา และก็คิดว่าแจกให้คนอื่นๆ ใช้ด้วยดีกว่า ซึ่งตอนนี้จะรองรับแค่ Facebook, Twitter, Google Plus และ Line เท่านั้นนะครับ ยังปรับแต่งอะไรไม่ได้ ทำให้โค้ดเล็กมาก ตั้งค่าน้อย พร้อมใช้ทันที สนใจทดลองใช้งาน คลิกที่ปุ่มดาวน์โหลดด้านล่างเลยครับ
จุดเด่น
- โค้ดมีขนาดเล็กไม่ ไม่กินทรัพยากร ไม่ต้องตั้งค่า
- รองรับ Social Network ที่ใช้กันโดยทั่วไปในไทย คือ Facebook, Twitter, Google Plus, Line
- มากับฟอนต์ Seed Social ที่เราสร้างขึ้นโดยรวม icon font ในรูปแบบที่น่าจะได้ใช้บ่อยๆ
- คลาส CSS อ่านง่าย หากอยากปรับดีไซน์ สามารถแก้ CSS ได้เลย
- แสดงยอดแชร์ของ Facebook แบบปรับไม่ให้ตัวเลขยาวเกินไป (ใส่ K สำหรับยอดแชร์เกิน 1,000) โดยใช้ JavaScript ดึงค่า ทำให้ไม่หนัก Server และไม่ติด Cache
- ใช้บนคอมพิวเตอร์ ก็สามารถแชร์ผ่าน Line ได้ โดยใช้ API ใหม่
ข้อจำกัด
- ยอดแชร์มีแค่ Facebook เพราะ Twitter เปลี่ยน API การดึงยอดแชร์ เลยทำให้ดึงไม่ได้แล้ว, ส่วน Google Plus ทีมงานเรายังไม่มีแผนทำ เพราะไม่ค่อยเห็นใครใช้เลย T T, ส่วน Line ไม่รองรับการแสดงยอดแชร์
- เลยคิดว่าการใส่ยอดแชร์รวมเป็นตัวเลขใหญ่ๆ น่าจะไม่ค่อยดีเท่าไหร่ เพราะยอดจะน้อยกว่าความเป็นจริง
- การแชร์ผ่าน Line โดยใช้ API ใหม่ผ่านเว็บ lineit.line.me ยังไม่ Responsive ทำให้ใช้บนมือถือยาก ทีมงาน SeedThemes เลยตัดสินใจเขียนโค้ดเพิ่ม เช็คว่า หากเป็นการแชร์บนมือถือให้ใช้ API ตัวเก่าแทน (ข้อเสียของ API เก่าคือ ถ้าเปิดเว็บใน Line เราจะแชร์ผ่าน Line อีกรอบไม่ได้)
- ยังไม่ได้ทำหน้าให้ตั้งค่า หากต้องการตั้งค่าบางอย่างต้องทำผ่าน functions.php ไปก่อน (ตัวอย่างโค้ดดูที่ Github)
ตัวอย่างการใช้งาน
- ดูด้านล่างบันทึกนี้ได้เลยนะครับ จะมีปุ่ม 4 ปุ่ม คลิกแชร์ได้เลย
- สำหรับยอดแชร์ไม่เกินพัน ระบบจะใส่ยอดแชร์โดยตรงหลังปุ่ม Facebook เช่น หน้า รู้จักกับ เม่น สตูดิโอ
- สำหรับยอดแชร์เกินพัน ระบบจะใส่ยอดแชร์เป็นหน่วย K เช่น หน้า แบบฟอร์มที่จำเป็นสำหรับฟรีแลนซ์
ดาวน์โหลดปลั๊กอินฟรี
ดูรายละเอียดที่หน้า Seed Social บนเว็บ WordPress.org ได้เลยครับ โหลดผ่านการค้นคำว่า Seed Social ในหลังบ้านของเวิร์ดเพรสก็ได้เช่นกันครับ
ปัญหาพบบ่อย
จริงๆ ใส่รายละเอียดในหน้า Seed Social บนเว็บ WordPress.org ไว้อยู่แล้ว แต่เอามาใส่ตรงนี้อีกทีจะได้ตอบคำถามเร็วขึ้นนะครับ
หากไม่ต้องการแสดงปุ่มแชร์บางปุ่ม (เช่น Google Plus) ทำอย่างไร?
- ไปที่หน้า Settings (ตั้งค่า) -> Seed Social นะครับ
พอแชร์แล้วรูปไม่แสดงในเฟซบุ๊ค?
- เป็นเพราะยังไม่ได้ตั้งค่ารูปที่จะให้แสดงนะครับ วิธีแบบง่ายๆ เร็ว คือไปที่หน้าตั้งค่า -> Seed Social แล้วเลือก Share featured image? เป็น Yes นะครับ ระบบจะเอารูปประจำข่าวไปเป็นรูปที่แชร์ใน Facebook ครับ
- แต่ถ้าอยากปรับแต่งได้มากขึ้น แนะนำให้ลงปลั๊กอิน Yoast SEO หรือ All in One SEO Pack นะครับ แล้วไปเปิดฟีเจอร์ Social จะปรับแต่งเยอะครับ รายละเอียดเพิ่มเติมลองดูบล็อก การใช้งานปลั๊กอิน WordPress SEO by Yoast
อยากใส่โค้ดแสดงปุ่มแชร์ในไฟล์ธีม?
- เพิ่มโค้ดนี้ครับ
<?php if(function_exists('seed_social')) {seed_social();} ?>
อยากใส่โค้ดแสดงปุ่มแชร์ในเนื้อหา เช่น หน้าแรก?
- ให้ใส่ shortcode นี้ครับ (ลบเว้นวรรคทิ้งก่อนนะครับ)
[ seed_social ]
อยากปิดปุ่มแชร์บางหน้า?
- ในแต่ละหน้าจะมีช่องให้ปิดได้นะครับ ลองดูรูปที่บันทึก Seed Social 1.3.1
