วิธีทำ “ปุ่มแชร์” ใน WordPress

แชร์เรื่องนี้

การทำ “ปุ่มแชร์” (Social Share Button) ใน WordPress มีหลายวิธี ทั้งแบบใช้ปลั๊กอินและแบบเขียนโค้ดเอง ขึ้นอยู่กับความสะดวกและระดับความสามารถของคุณในการเขียนโค้ด

1. ติดตั้งปลั๊กอิน (แนะนำสำหรับมือใหม่)

ปลั๊กอินยอดนิยม

  1. AddToAny Share Buttons
  2. Sassy Social Share
  3. ShareThis Share Buttons
  4. Simple Social Icons

ขั้นตอนการติดตั้ง

  1. ไปที่ WordPress Dashboard > Plugins > Add New
  2. พิมพ์ชื่อปลั๊กอินที่ต้องการ เช่น “AddToAny”
  3. คลิก Install Now และจากนั้น Activate
  4. ไปที่ 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 สำหรับปุ่มแชร์ให้ใช้ได้ทันที
  • อย่าลืมทดสอบลิงก์ว่าแชร์แล้วลิงก์ถูกต้อง

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *