ระบบจัดการเนื้อหา (CMS)

⚠️ DEPRECATED (2026-06-24) — CMS นี้ ถูกถอดออกจาก new-ui-2025 แล้ว เว็บ frontend ปัจจุบัน (branch main) ไม่มีหน้า /cms (เปิดแล้วได้ 404 ทุกเครื่อง — UAT + prod) เอกสารนี้เก็บไว้เป็นประวัติของ CMS รุ่นเก่าเท่านั้น ห้ามใช้อ้างอิงสำหรับเว็บ new-ui ปัจจุบัน

สำหรับ CMS ที่ใช้งานจริง ดูคู่มือฝั่ง Oracle (โปรเจกต์ User-Documents-Oracle → docs/oracle/cms.md)

จัดการหน้า Landing Page, ธีม, SEO และ Site Configurations

วิธีเข้าใช้งาน CMS

1. เข้า URL: /cms (เช่น https://yourdomain.com/cms)
2. ล็อกอินด้วย Username + Password ที่กำหนดใน .env (ADMIN_USERNAME / ADMIN_PASSWORD)
3. ระบบจะแสดง Landing Page editor พร้อมเมนูด้านซ้าย

เมนูหลัก 4 เมนู: Landing Page, Theme, Site Configs, SEO

---

1. Landing Page

หมายเลขในรูป:

① Hero Section — หัวข้อหลัก + ปุ่ม CTA (รองรับหลายภาษา)
② Stats Bar — ตัวเลขสถิติ (จำนวนเกม, ความเร็ว, บริการ)
③ USP Strip — จุดเด่น 3 ข้อ (icon + ชื่อ + คำอธิบาย)
④ Footer — Brand Description + Social Links (Facebook, LINE, Telegram)
⑤ Section Order — ลำดับการแสดง sections บนหน้าเว็บ (ลากเรียง)
⑥ Section Visibility — เปิด/ปิดแต่ละ section

Hero Section

ช่องกรอก	รายละเอียด	ผลต่อเว็บ
Title	หัวข้อหลัก	ข้อความใหญ่บน Hero banner
Subtitle	คำอธิบายรอง	ข้อความใต้หัวข้อ
CTA Button Text	ข้อความปุ่ม (เช่น "เริ่มเล่นเลย")	ปุ่มกดบน Hero
CTA Link	ลิงก์ปลายทาง (เช่น /register)	เมื่อกดปุ่ม CTA
Hero Background Image	ภาพพื้นหลัง (1920x1080px)	พื้นหลัง Hero banner

รองรับหลายภาษา: Thai, English, Lao, Khmer, Chinese — กดเลือก tab ภาษาที่ต้องการแก้ไข

Stats Bar

ช่องกรอก	ค่าตัวอย่าง	รายละเอียด
Games Count	1000+	จำนวนเกมทั้งหมด
Transaction Speed (sec)	3	ความเร็วฝาก-ถอน (วินาที)
Support Hours	24/7	ชั่วโมงบริการ

USP Strip (Unique Selling Points)

จุดเด่น 3 ข้อที่แสดงใต้ Hero — แต่ละข้อมี:

ช่องกรอก	ตัวอย่าง
Icon	Zap / Shield / Headphones
Title	ฝากถอน 3 วิ
Description	ระบบอัตโนมัติที่เร็วที่สุด

Footer

ช่องกรอก	รายละเอียด
Brand Description	คำอธิบายแบรนด์ที่แสดงใน footer (รองรับหลายภาษา)
Social Links	ลิงก์ Facebook, LINE, Telegram

Section Order

จัดลำดับ sections ที่แสดงบนหน้า Landing Page (ลากเรียง):

1. Hero Banner
2. USP Strip
3. Game Showcase
4. Trust Badges

Section Visibility

เปิด/ปิดแต่ละ section:

Section	ค่าเริ่มต้น
Hero Banner	เปิด
USP Strip	เปิด
Game Showcase	เปิด
Trust Badges	เปิด
seo Article	ปิด

---

2. Theme

หมายเลขในรูป:

① Select Theme — เลือกธีมสำหรับ Landing Page

Theme Presets (5 แบบ)

Theme	โทนสี	เหมาะกับ	Tags
Siam Neon	เขียวนีออน + ชมพู	Gen Z, สล็อต	Glass, Neon, Gradients
Golden Dragon	ดำ + ทอง + แดง	VIP, High Rollers	Gradients
Blue Horizon	ฟ้า + ส้ม	กีฬา, ลอตโต้	-
Fortune Red	แดง + ทอง	งานเทศกาล	Gradients
Midnight Pro	เทา + เขียวอ่อน	Professional, กลางคืน	-

วิธีเปลี่ยนธีม:

1. กดเลือกธีมที่ต้องการ (เครื่องหมาย ✅ จะแสดง)
2. ธีมมีผลทันทีกับ Landing Page

---

3. Site Configs

หมายเลขในรูป:

① Configurations — รายการ config ที่มี + config ที่ active
② Create New Config — สร้าง config ใหม่ (copy จาก active)

ระบบ Multi-Config

ฟีเจอร์	รายละเอียด
หลาย config พร้อมกัน	สร้าง config หลายชุด (เช่น configA, configB)
สลับ config ได้ทันที	กดเลือก config ที่ต้องการ active
แต่ละ config เป็นอิสระ	เนื้อหา, ธีม, รูปภาพ แยกกันทั้งหมด
Copy จาก active	config ใหม่เริ่มจาก copy ของ config ปัจจุบัน

ใช้เมื่อ: ต้องการสลับ Landing Page ระหว่างช่วงปกติ / ช่วงโปรโมชัน / ช่วงเทศกาล

---

4. SEO

หมายเลขในรูป:

① Site Identity — ชื่อเว็บ + Canonical URL + Keywords
② Landing Page Meta — Meta Title + Description สำหรับ search engine

Site Identity

ช่องกรอก	รายละเอียด	ผลต่อเว็บ
Site Name	ชื่อเว็บ	แสดงใน browser tab + SEO
Canonical URL	URL หลักของเว็บ	ป้องกัน duplicate content
Global Keywords	คำค้นหา (คั่นด้วย ,)	SEO meta keywords ทุกหน้า

Landing Page Meta

ช่องกรอก	แนะนำ	รายละเอียด
Meta Title	50-60 ตัวอักษร	หัวข้อที่แสดงใน Google (แสดงจำนวนตัวอักษร)
Meta Description	120-160 ตัวอักษร	คำอธิบายที่แสดงใต้หัวข้อใน Google
Keywords	คั่นด้วย ,	คำค้นหาเฉพาะหน้า Landing