เพิ่มปุ่มแชร์โพสต์ WordPress บน LINE ได้ง่ายๆ ด้วย Jetpack

ads

สวัสดีครับ โพสต์นี้จะไปบอกวิธีการเพิ่มปุ่มแชร์โพสต์ WordPress ของเราไปในแอพไลน์แบบง่ายๆด้วยตัวเองเลยครับ แบบไม่ต้องเสียเงินอะไรเลย ใช้เวลานิดเดียวด้วยครับ

สิ่งที่ต้องใช้ในการเพิ่มปุ่ม LINE Share:

ก่อนที่จะเพิ่มปุ่มแชร์บนไลน์กัน เรามาดูสิ่งที่เราต้องใช้ก่อนนะครับ

1. WordPress: อันนี้จะใช้ WordPress แบบโฮสต์เอง หรือใช้ wordpress.com ก็ได้นะครับ
2. Jetpack: ปลั๊กอินสำหรับ WordPress ที่เป็นตัวสำคัญที่เราจะใช้แสดงปุ่มแชร์ในหน้าเว็บของเรา มีฟังก์ชั่นทางด้านโซเชี่ยลอีกเยอะเลยล่ะ
3. ไอคอนปุ่มไลน์: ไอคอนสำหรับปุ่มแชร์ของเรา ให้ใช้เป็นสี่เหลี่ยมจตุรัสขนาด 16x16px นะครับ หรือจะไปดาวน์โหลดจาก หน้าแนะนำวิธีสร้างปุ่มแชร์ของไลน์ ก็ได้นะครับ

วิธีการเพิ่มปุ่ม LINE Share

ทีนี้เรามาดูวิธีการเพิ่มปุ่มแชร์กันครับ

1. ล็อกอินเข้าหลังบ้านของเว็บไซต์ที่เป็น WordPress ของเราก่อน แล้วไปที่ส่วนตั้งค่า (Setting) และส่วนย่อย Sharing

2. กดปุ่ม [Add a new service] ที่อยู่ในหน้าการตั้งค่าเลยครับ

3. ที่นี้แบบฟอร์มเพิ่มปุ่มจะขึ้นมาให้เราใส่ข้อมูลครับ ก็ใส่ข้อมูลได้เลย .. ใส่ชื่อ เช่น LINE หรืออยากจะใส่อย่างอื่นก็ว่ากันไป

Sharing URL นี่ ให้เข้าไปที่ https://social-plugins.line.me/en/how_to_install แล้วเลื่อนไปที่ Custom icons แล้วไปก็อปปี้ URL มาเลยครับ แล้วเปลี่ยนตรงหลังเครื่องหมายคำถาม (?) ที่เป็น url={URL} เป็นแบบนี้ครับ

text=%post_title%&url=%post_full_url% 

ซึ่งตรง text จะเป็นข้อความที่เราต้องการครับ… อาจจะใส่เป็น “ไปดูกัน %post_title%” ก็ได้นะ โดย %post_title% จะแทนชื่อโพสต์ของเราครับ ส่วน %post_full_url% จะแทน URL ของโพสต์เรา .. จะเห็นว่ามีช่องว่างในข้อความด้วยนะครับ .. สามารถใส่ได้นะ ใช้ได้เหมือนกัน

ส่วนสุดท้ายนะ ก็ไอคอนของปุ่ม ที่เราเตรียมเอาไว้ ก็อัพโหลดขึ้นไปบนเว็บได้เลย แล้วก็อปปี้เอา URL ของตัวรูปมาใส่ตรง Icon URL ได้เลยครับ

4. พอเสร็จหมดเรียบร้อย ก็กดปุ่ม [Create Share Button] ได้เลยครับ แล้วจะมี Service ใหม่ขึ้นมาให้เราเลือกแบบรูปด้านล่างนี้นะครับ

5. ทีนี้ก็ลากปุ่มไลน์ที่เราสร้างขึ้นมา ลงมาข้างล่างมาในส่วนของ Enabled Services เลยครับ

เสร็จแล้ว ก็กดปุ่ม [Save Changes] ที่อยู่ด้านล่างสุด .. แล้วก็เสร็จแล้วครับ

LINE Share Button on the web

เอาล่ะ คราวนี้มาดูปุ่มแชร์ที่เราสร้างขึ้นมาใหม่กันครับ

รูปข้างบนนี้แสดงปุ่มไลน์ที่เราเพิ่มไปเมื่อกี้ครับ ก็เรียบร้อยดี คราวนี้ก็ลองกดปุ่มดูเลยครับ คราวนี้ลองกดปุ่มบน Web Browser ก่อนเลย กดปุ๊บจะขึ้นหน้าใหม่มาให้ ถ้ายังไม่ได้ล็อกอินไลน์ ระบบจะให้ล็อกอินก่อนนะ แล้วจะขึ้นหน้าให้โพสต์แบบข้างล่างนี้ครับ

คราวนี้ ก็ลองเอาทำดูนะครับ ติดปัญหาตรงไหนก็คอมเม้นต์ไว้ด้านล่าง หรือส่งข้อความมาทาง inbox หรือทางทวิตเตอร์ก็ได้นะครับ

How to add LINE sharing button with no more plugin

ads

ads

ads

ads