
การทำ “ปุ่มแชร์” (Social Share Button) ใน WordPress มีหลายวิธี ทั้งแบบใช้ปลั๊กอินและแบบเขียนโค้ดเอง ขึ้นอยู่กับความสะดวกและระดับความสามารถของคุณในการเขียนโค้ด
1. ติดตั้งปลั๊กอิน (แนะนำสำหรับมือใหม่)
ปลั๊กอินยอดนิยม
- AddToAny Share Buttons
- Sassy Social Share
- ShareThis Share Buttons
- Simple Social Icons
ขั้นตอนการติดตั้ง
- ไปที่ WordPress Dashboard > Plugins > Add New
- พิมพ์ชื่อปลั๊กอินที่ต้องการ เช่น “AddToAny”
- คลิก Install Now และจากนั้น Activate
- ไปที่ Settings ของปลั๊กอิน เพื่อปรับตำแหน่ง / รูปแบบปุ่มที่จะแสดง (เช่น หน้าโพสต์, หน้าเพจ)
2. เขียนโค้ด HTML เอง (สำหรับผู้ที่มีความรู้พื้นฐาน)
คุณสามารถเพิ่มปุ่มแชร์แบบง่ายๆ ลงในไฟล์ธีมของคุณได้ (เช่น single.php, content.php) ด้วยโค้ดด้านล่าง
คัดลอกแก้ไข<div class="social-share">
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>" target="_blank">แชร์ Facebook</a>
<a href="https://twitter.com/intent/tweet?url=<?php the_permalink(); ?>" target="_blank">แชร์ Twitter</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=<?php the_permalink(); ?>" target="_blank">แชร์ LinkedIn</a>
</div>
เพิ่ม CSS ให้ดูดีขึ้น (ถ้าต้องการ):
cssคัดลอกแก้ไข.social-share a {
display: inline-block;
margin: 5px;
padding: 10px 15px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
}
หมายเหตุ
- ถ้าคุณใช้ ธีมที่มี Page Builder (เช่น Elementor, WPBakery), บางตัวมี Widget สำหรับปุ่มแชร์ให้ใช้ได้ทันที
- อย่าลืมทดสอบลิงก์ว่าแชร์แล้วลิงก์ถูกต้อง
