หากคุณมีเว็บไซต์ที่ต้องการแสดงกิจกรรม งานสัมมนา คลาสเรียน หรือโปรโมชั่นที่มีวันหมดอายุ ปฏิทินกิจกรรม (Event Calendar) คือสิ่งที่ขาดไม่ได้ WordPress มีปลั๊กอินฟรีหลายตัวที่ช่วยให้คุณสร้างปฏิทินกิจกรรมได้ง่ายมาก โดยไม่ต้องรู้จัก PHP หรือ HTML เลยแม้แต่น้อย บทความนี้จะพาคุณติดตั้งและตั้งค่าตั้งแต่ต้นจนจบ
ทำไมต้องมีปฏิทินกิจกรรมบนเว็บไซต์?
ปฏิทินกิจกรรมช่วยให้ผู้เข้าชมรู้ว่ามีอะไรเกิดขึ้นบ้าง และวางแผนเข้าร่วมได้ถูกต้อง ประโยชน์ที่ชัดเจนมีดังนี้:
- ร้านค้าออนไลน์ — แสดงวันเปิดตัวสินค้า หรือวันหมดโปรโมชั่น
- โรงเรียน/สถาบันสอนพิเศษ — ตารางคลาสเรียนและวันสอบ
- องค์กรและสมาคม — ประชาสัมพันธ์งานสัมมนา การประชุม
- ร้านอาหาร/คาเฟ่ — ดนตรีสด อีเวนต์พิเศษประจำสัปดาห์
- ชุมชน/ชมรม — กิจกรรมพบปะสมาชิก
เมื่อผู้เข้าชมเห็นปฏิทินที่อัปเดตสม่ำเสมอ พวกเขาจะรู้สึกว่าเว็บไซต์นี้ยังคงมีชีวิต และมีแนวโน้มกลับมาเยี่ยมชมซ้ำ
ปลั๊กอินปฏิทินกิจกรรมที่นิยมใน WordPress
มีปลั๊กอินหลายตัวให้เลือก แต่ที่นิยมและใช้งานง่ายที่สุดสำหรับมือใหม่คือ:
- The Events Calendar — ฟรี ใช้งานง่าย เป็นที่นิยมที่สุด มีผู้ใช้กว่า 800,000 เว็บไซต์
- My Calendar — เหมาะสำหรับองค์กรที่ต้องการปฏิทินแบบคลาสสิก
- EventOn — ดีไซน์สวย มีเวอร์ชันฟรีและพรีเมียม
บทความนี้จะใช้ The Events Calendar เป็นตัวอย่าง เพราะฟรี ติดตั้งง่าย และรองรับภาษาไทยได้ดี
ขั้นตอนที่ 1 — ติดตั้ง The Events Calendar
เข้าสู่ระบบ WordPress Admin แล้วทำตามขั้นตอนนี้:
- ไปที่เมนู Plugins → Add New Plugin
- พิมพ์ค้นหา
The Events Calendarในช่อง Search - กด Install Now ที่ปลั๊กอินของ The Events Calendar (ผู้พัฒนา: The Events Calendar)
- รอติดตั้งเสร็จ แล้วกด Activate
- ระบบจะพาไปยังหน้าต้อนรับ — กด Get Started เพื่อตั้งค่าเริ่มต้น
ขั้นตอนที่ 2 — ตั้งค่าพื้นฐาน
หลังเปิดใช้งานปลั๊กอิน เมนูใหม่ชื่อ Events จะปรากฏในแถบด้านซ้ายของ Admin ให้ไปที่ Events → Settings เพื่อตั้งค่าพื้นฐาน:
- Currency Symbol — เปลี่ยนเป็น ฿ สำหรับราคาตั๋ว
- Date Format — เลือกรูปแบบวันที่ที่เหมาะกับผู้ชมไทย เช่น D/M/Y
- Week starts on — เลือก "Sunday" (อาทิตย์) ตามแบบไทย
- Google Maps API Key — หากต้องการแสดงแผนที่ สถานที่จัดงาน ให้กรอก API Key ของ Google Maps
- Default view — เลือกมุมมองเริ่มต้น เช่น Month (รายเดือน) หรือ List (รายการ)
กด Save Changes เมื่อตั้งค่าเสร็จ
ขั้นตอนที่ 3 — สร้าง Event แรกของคุณ
ไปที่ Events → Add New แล้วกรอกข้อมูลดังนี้:
- ชื่อ Event — กรอกในช่องหัวข้อบนสุด เช่น "Workshop การถ่ายภาพสำหรับมือใหม่"
- เนื้อหา — อธิบายรายละเอียดกิจกรรมในบล็อกเนื้อหา รองรับ Gutenberg Block ทั้งหมด
- วันและเวลา — ค้นหา Event Date & Time ด้านล่าง ตั้งวันเริ่มและสิ้นสุด
- All Day Event — ติ๊กถ้าเป็นกิจกรรมทั้งวัน ไม่มีเวลาแน่นอน
- Venue — กรอกชื่อสถานที่ ที่อยู่ หรือเพิ่ม Venue ใหม่
- Organizer — ชื่อผู้จัดงาน อีเมล และเว็บไซต์
- Event Website — ลิงก์ลงทะเบียนภายนอก (ถ้ามี)
- Featured Image — รูปประกอบกิจกรรม ขนาดแนะนำ 1200×630 พิกเซล
กด Publish เมื่อพร้อม
ขั้นตอนที่ 4 — เพิ่มปฏิทินลงในหน้าเว็บไซต์
ปลั๊กอินจะสร้างหน้า /events/ ให้อัตโนมัติ แต่คุณยังสามารถฝังปฏิทินในหน้าอื่นได้ด้วย Shortcode หรือ Block:
วิธีที่ 1 — ใช้ Shortcode
เปิดหน้าที่ต้องการ แล้วเพิ่ม shortcode ลงใน Block แบบ "Shortcode":
[tribe_events]
Shortcode อื่นที่มีประโยชน์:
[tribe_events view="month"] — ปฏิทินมุมมองรายเดือน
[tribe_events view="list"] — แสดงแบบรายการ
[tribe_events_list] — แสดงแค่รายการกิจกรรมถัดไป
[tribe_event_countdown id="5"] — นับถอยหลังถึงกิจกรรม (ใส่ ID ของ event)
วิธีที่ 2 — ใช้ Gutenberg Block
ในหน้า Gutenberg Editor กด + เพิ่ม Block แล้วค้นหา Events Calendar จะพบ Block ของปลั๊กอินให้เลือกแบบ visual ได้เลย
/events/ ในเมนูนำทางหลักเพื่อให้ผู้เข้าชมค้นหาปฏิทินได้ง่าย ผ่าน Appearance → Menus
ขั้นตอนที่ 5 — จัดหมวดหมู่กิจกรรม
หากมีกิจกรรมหลายประเภท ควรแบ่งหมวดหมู่เพื่อให้กรองได้ง่าย:
- ไปที่ Events → Event Categories
- กรอกชื่อหมวดหมู่ เช่น "Workshop", "สัมมนาออนไลน์", "โปรโมชั่น"
- กด Add New Category
- กลับไปแก้ไข Event และเลือกหมวดหมู่ที่ต้องการ
ผู้เข้าชมสามารถกรองดูกิจกรรมตามหมวดหมู่ได้จากหน้าปฏิทิน
ตรวจสอบว่าปฏิทินกิจกรรมทำงานถูกต้อง
หลังติดตั้งและสร้าง Event แล้ว ให้ตรวจสอบด้วยขั้นตอนนี้:
1. เปิดเบราว์เซอร์ไปที่ https://yourdomain.com/events/
→ ควรเห็นปฏิทินหรือรายการกิจกรรม
2. คลิก Event ที่สร้าง → ควรเปิดหน้ารายละเอียด Event
3. ตรวจสอบวันและเวลาถูกต้อง ตรงกับที่กรอก
4. ทดสอบบนมือถือ → ปฏิทินควรแสดงผลได้ดีใน Mobile
5. ตรวจดูใน Google Search Console → Crawl URL Events
เพื่อให้ Google Index กิจกรรมของคุณ
/events/ แสดง 404 ให้ไปที่ Settings → Permalinks แล้วกด Save Changes เพื่อรีเฟรช Rewrite Rules โดยไม่ต้องเปลี่ยนแปลงอะไร
แก้ปัญหาที่พบบ่อย
Error: หน้า /events/ แสดง 404 Not Found
เกิดจาก Permalink Rules ยังไม่ได้รีเฟรชหลังติดตั้งปลั๊กอิน แก้ไขโดยไปที่ Settings → Permalinks แล้วกด Save Changes โดยไม่ต้องเปลี่ยนอะไร ระบบจะสร้าง Rules ใหม่ให้อัตโนมัติ
Error: ปฏิทินแสดงผลผิดเขตเวลา (Timezone ไม่ถูก)
ตรวจสอบการตั้งค่า Timezone ของ WordPress ที่ Settings → General → Timezone ให้เลือก Asia/Bangkok จากนั้นไปที่ Events → Settings → Display เพื่อตั้ง Timezone ของปลั๊กอินให้ตรงกัน
Error: Featured Image ของ Event ไม่แสดง
บางธีมอาจซ่อน Featured Image โดยค่าเริ่มต้น ให้ไปที่ Events → Settings → Display และเปิดตัวเลือก Show featured image หากยังไม่แสดง ให้ตรวจสอบว่าธีมรองรับ Post Thumbnails ผ่าน functions.php (add_theme_support)
Error: Event ไม่แสดงในปฏิทินทั้งที่ Publish แล้ว
ตรวจสอบวันที่ของ Event ว่าไม่ใช่วันที่ผ่านมาแล้ว ปลั๊กอินจะซ่อน Event ที่สิ้นสุดแล้วโดยอัตโนมัติ ไปที่ Events → Settings → General และเปิดตัวเลือก Show past events หากต้องการแสดงกิจกรรมที่ผ่านไปแล้วด้วย
Error: สีและสไตล์ปฏิทินไม่เข้ากับธีม
ไปที่ Events → Settings → Display แล้วปิดตัวเลือก Use The Events Calendar Stylesheet จากนั้นเพิ่ม Custom CSS ใน Appearance → Customize → Additional CSS เพื่อปรับแต่งสีให้เข้ากับธีมของคุณ
คำถามที่พบบ่อย (FAQ)
Q: The Events Calendar ฟรีจริงๆ หรือต้องจ่ายเงิน?
A: เวอร์ชันพื้นฐานฟรี 100% ใช้งานได้เต็มที่ สร้าง Event แสดงปฏิทินได้ไม่จำกัด มีเวอร์ชัน Pro ที่เพิ่มฟีเจอร์เช่น Recurring Events (กิจกรรมซ้ำ), Filter Bar, แผนที่แบบ Advanced แต่ส่วนใหญ่ไม่จำเป็นสำหรับเว็บไซต์ทั่วไป
Q: สามารถให้ผู้ใช้งานทั่วไปส่ง Event เข้ามาได้ไหม?
A: ได้ โดยการติดตั้งปลั๊กอินเสริม Community Events (จากผู้พัฒนาเดียวกัน) ซึ่งเพิ่มหน้าฟอร์มส่ง Event สำหรับผู้ใช้งานที่ไม่ใช่ Admin อย่างไรก็ตามแนะนำให้เปิดระบบ Moderation เพื่อตรวจสอบก่อนเผยแพร่
Q: ปฏิทินกิจกรรมส่งผลต่อ SEO อย่างไร?
A: ส่งผลดีมาก เพราะแต่ละ Event จะมี URL เฉพาะ ชื่อ Event ที่ชัดเจน และข้อมูล Schema.org ประเภท Event ที่ Google ใช้แสดง Rich Snippet ใน Search Result ทำให้เว็บไซต์มีโอกาสปรากฏโดดเด่นขึ้นในผลการค้นหา