เกมไฮไลต์
1. หน้านี้ใช้ทำอะไร
หน้า เกมไฮไลต์ (Highlight games) ใช้สร้างและจัดการชุดเกมเด่นพิเศษควบคู่กับสไลด์รูปภาพแบนเนอร์แนวตั้งบนหน้าแรกของล็อบบี้ จุดเด่นของเกมไฮไลต์คือนำเสนอภาพกราฟิกสวยงามสะดุดตา (รองรับภาพเคลื่อนไหว WebP และ GIF) คู่กับรายชื่อเกมที่คัดสรรเองไม่เกิน 10 เกม เมื่อผู้เล่นกดที่รูปภาพสไลด์หรือชื่อเกม ระบบจะพาเข้าเล่นเกมนั้นทันที เหมาะสำหรับโปรโมตเกมใหม่ประจำสัปดาห์หรือเกมแคมเปญพิเศษ
2. ก่อนเริ่ม
- สิทธิ์การใช้งาน: ต้องได้สิทธิ์ 'เกมฮิตและไฮไลต์' จากผู้ดูแลระบบก่อน จึงจะเข้าดู สร้าง แก้ไข หรือลบรายการได้
- สิ่งที่ต้องเตรียม:
- รายชื่อเกมที่ต้องการนำมาจัดชุดไฮไลต์ (สูงสุด 10 เกม) โดยเกมและค่ายเกมต้องมีสถานะเปิดใช้งานในระบบ
- ไฟล์ภาพสไลด์แนวตั้งอัตราส่วน 3:4 (แนะนำขนาด
900 × 1200px รองรับไฟล์ WebP, GIF, PNG หรือ JPG ขนาดไม่เกิน 32 MB) อย่างน้อย 1 รูป หรือตรวจสอบว่าเกมที่เลือกมีภาพมาตรฐานของระบบให้ใช้งานหรือไม่
3. หน้าตาของหน้านี้
เมื่อเปิดเข้ามาที่หน้ารายการหลัก (/game/highlight-game) จะพบส่วนประกอบสำคัญเรียงจากบนลงล่างดังนี้:
- ส่วนหัวของหน้า (Header): แสดงชื่อหน้า เกมไฮไลท์, คำอธิบาย และปุ่มคำสั่งหลัก ได้แก่ ปุ่ม จัดลำดับหน้าแรก (ลิงก์ไปหน้าจัดเรียงลำดับหน้าแรก) และปุ่ม เพิ่มเกมไฮไลท์
- แท็บสถานะ (Filter Tabs): กรองรายการตามสถานะ ได้แก่ ยอดฮิตทั้งหมด, เปิดใช้งาน (สีเขียว), ปิดอยู่ (สีเทา) และ ถูกลบ (สีเทาเข้ม)
- แถบค้นหาและตัวกรอง (Search & Filter Bar): ช่องพิมพ์ค้นหาชื่อไฮไลต์ และปุ่มเปิดตัวกรองขั้นสูงตามวันที่และผู้แก้ไข
- ตารางข้อมูล (Data Table): แสดงรายการชุดเกมไฮไลต์ทั้งหมด พร้อมสวิตช์เปิด-ปิด และปุ่มจัดการในแต่ละแถว
- แถบเปลี่ยนหน้า (Pagination): อยู่ด้านล่างสุดของตาราง ใช้เลื่อนดูหน้าถัดไปและเลือกจำนวนรายการต่อหน้า
เมื่อกดเพิ่มหรือแก้ไข (/game/highlight-game/new หรือ /game/highlight-game/[id]/edit) จะเปิดหน้าฟอร์มที่มีส่วนประกอบดังนี้:
- กล่องพรีวิวสด (Preview): แสดงหน้าตาแบนเนอร์สไลด์และแถวเกมที่จะปรากฏบนหน้าจอล็อบบี้จริง สลับดูภาษาไทยและอังกฤษได้
- ฟอร์มข้อมูลหลัก (ซ้าย): กรอกชื่อไฮไลต์, เลือกเกม (สูงสุด 10 เกม) และอัปโหลดรูปสไลด์ของแต่ละเกม
- การ์ดตั้งค่าการแสดงผล (ขวา): สวิตช์สถานะเปิด-ปิด, สวิตช์แสดงบนหน้าแรก และสวิตช์แสดงเลขอันดับ
4. ค้นหาและตัวกรอง
| ช่อง / ตัวกรอง | ประเภท | ตัวเลือกหรือวิธีใช้ | ผลลัพธ์เมื่อเลือก |
|---|---|---|---|
| แท็บสถานะ | แท็บกดสลับ | เลือกระหว่าง: ยอดฮิตทั้งหมด, เปิดใช้งาน, ปิดอยู่ หรือ ลบแล้ว | แสดงเฉพาะชุดไฮไลต์ที่มีสถานะตรงตามแท็บที่เลือก |
| ช่องค้นหา | ช่องพิมพ์ข้อความ | พิมพ์ชื่อชุดเกมไฮไลต์ (ไทยหรืออังกฤษ) | กรองตารางให้แสดงเฉพาะรายการที่มีชื่อตรงกับคำค้นหา |
| วันที่สร้าง | ปฏิทินเลือกวันที่ | กดเปิดปฏิทินแล้วเลือกช่วง จากวันที่ ถึง ถึงวันที่ | แสดงรายการที่สร้างขึ้นในช่วงเวลาที่กำหนด |
| วันที่แก้ไขล่าสุด | ปฏิทินเลือกวันที่ | กดเปิดปฏิทินแล้วเลือกช่วง จากวันที่ ถึง ถึงวันที่ | แสดงรายการที่มีการแก้ไขล่าสุดในช่วงเวลาที่กำหนด |
| สร้างโดย | ค้นหารายชื่อ | พิมพ์ชื่อบัญชีแอดมินผู้สร้างรายการ | แสดงเฉพาะรายการที่แอดมินคนนั้นสร้าง |
| แก้ไขล่าสุดโดย | ค้นหารายชื่อ | พิมพ์ชื่อบัญชีแอดมินผู้แก้ไขรายการล่าสุด | แสดงเฉพาะรายการที่แอดมินคนนั้นแก้ไขล่าสุด |
| ล้างตัวกรอง | ปุ่มกด | กดปุ่ม ล้าง ที่แถบค้นหา | รีเซ็ตคำค้นหาและตัวกรองทั้งหมดกลับสู่ค่าเริ่มต้น |
5. ตารางข้อมูล
คอลัมน์ทั้งหมดในตาราง
| คอลัมน์ | เห็นอะไรบนจอ | หมายความว่าอะไร | ป้ายสีหรือสัญลักษณ์ที่พบ |
|---|---|---|---|
| ชื่อ | ไอคอนจอยเกมสีน้ำเงิน พร้อมชื่อไทยและชื่ออังกฤษ | ชื่อชุดเกมไฮไลต์ที่ตั้งไว้ | กดที่ชื่อเพื่อเปิดหน้าแก้ไขข้อมูล |
| ในล็อบบี้ | ป้ายบอกลักษณะการแสดงผลในหน้าเว็บ | ช่องทางที่ชุดไฮไลต์นี้ปรากฏให้ผู้เล่นเห็น | • แถวหน้าแรก + ป้ายฮิต: ป้ายสีเขียว (ไอคอนบ้าน) • ป้ายฮิตอย่างเดียว: ป้ายสีส้ม (ไอคอนเปลวไฟ) • ไม่แสดง: ป้ายสีเทา (ไอคอนวงกลมขีดฆ่า) |
| กติกา | ป้ายโหมดและข้อความสรุป | รูปแบบการจัดรายการและจำนวนเกม | • ป้าย เลือกเอง (ไอคอนมือ) • ป้าย ไฮไลท์ สีม่วงชมพู • ข้อความสรุปจำนวนเกม เช่น "เลือกไว้ 6 เกม" |
| แสดงตอนนี้ | จำนวนเกมที่แสดงจริง | จำนวนเกมที่เปิดให้บริการและแสดงผลบนเว็บจริง | • ตัวเลขจำนวนเกม เช่น 6 เกม• หากมีเกมที่ปิดอยู่: มีป้ายเตือนสีส้ม ซ่อน X เกม |
| แก้ไขล่าสุด | วันที่ เวลา และชื่อผู้แก้ไข | ประวัติการปรับปรุงรายการล่าสุด | แสดงชื่อแอดมิน หรือคำว่า "ระบบ" |
| สถานะ | สวิตช์เปิด-ปิด หรือป้ายถูกลบ | สถานะการใช้งานของชุดไฮไลต์นี้ | • สวิตช์ เปิด (สีเขียว) / ปิด (สีเทา) • ป้าย ลบแล้ว (สีเทาเข้ม) |
| จัดการ | ปุ่มคำสั่งในแต่ละแถว | ปุ่มสำหรับทำงานกับรายการนั้น | ดูรายละเอียดปุ่มด้านล่าง |
ปุ่มในแต่ละแถว (คอลัมน์จัดการ)
| ปุ่ม | ไอคอน / สี | กดแล้วจะเกิดอะไร | หมายเหตุ / เงื่อนไข |
|---|---|---|---|
| แก้ไข / ดูข้อมูล | ไอคอนดินสอ (หรือไอคอนดวงตา) | เปิดหน้าแก้ไขข้อมูลของชุดเกมไฮไลต์นั้น (หากเป็นรายการที่ถูกลบไปแล้วจะเป็นการเปิดดูข้อมูลอย่างเดียว) | กดได้ตลอด |
| เมนูจุดไข่ปลา (⋮) | ไอคอนสามจุดแนวตั้ง | เปิดเมนูคำสั่งเพิ่มเติมสำหรับรายการนั้น | แสดงเฉพาะรายการที่ยังไม่ถูกลบ |
| ลบ | ไอคอนถังขยะสีแดง (ในเมนู ⋮) | เปิดหน้าต่างยืนยันการลบชุดเกมไฮไลต์ออกจากระบบ | จะกดได้เฉพาะเมื่อสลับสวิตช์สถานะเป็น "ปิด" แล้วเท่านั้น หากเปิดใช้งานอยู่ปุ่มจะกดไม่ได้ |
6. ทีละขั้นตอน
1. การสร้างชุดเกมไฮไลต์ใหม่
- ไปที่เมนู เกม > เกมไฮไลท์ จากแถบเมนูด้านซ้าย
- กดปุ่ม เพิ่มเกมไฮไลท์ ที่มุมขวาบน เพื่อเข้าสู่หน้าสร้าง
- ในส่วนข้อมูลหลัก:
- พิมพ์ ชื่อ (ไทย) ที่ต้องการให้แสดงบนหน้าเว็บ (จำเป็น, สูงสุด 100 ตัวอักษร)
- พิมพ์ ชื่อ (อังกฤษ) (ไม่บังคับ, สูงสุด 100 ตัวอักษร)
- ในส่วน เลือกเกม:
- กดปุ่ม เพิ่มเกม เพื่อเปิดหน้าต่างค้นหาเกม
- เลือกเกมที่ต้องการนำมาจัดชุดไฮไลต์ (เลือกได้ตั้งแต่ 1 ถึง สูงสุด 10 เกม)
- กดค้างแล้วลากแถว หรือกดลูกศร ขึ้น / ลง เพื่อจัดลำดับก่อนหลังของเกมได้
- ในส่วน รูปสไลด์:
- สำหรับเกมที่เลือกไว้ ให้กดปุ่ม ใส่รูป เพื่ออัปโหลดภาพแนวตั้ง (อัตราส่วน 3:4 เช่น 900 × 1200 px ไฟล์ไม่เกิน 32 MB)
- หรือหากระบบมีภาพสำเร็จรูปเตรียมไว้ จะขึ้นข้อความแจ้ง ให้กดปุ่ม ใช้รูปของเรา เพื่อใช้ภาพมาตรฐานของระบบได้ทันที
- ข้อกำหนดสำคัญ: ต้องมีรูปสไลด์อย่างน้อย 1 รูปในชุด จึงจะบันทึกข้อมูลได้
- ในการ์ดตั้งค่าทางด้านขวา:
- ตรวจสอบสวิตช์ สถานะ (เปิดใช้งาน หรือ ปิดอยู่)
- สลับสวิตช์ แสดงเป็นแถวในหน้าแรก เป็นเปิด หากต้องการให้ขึ้นแถวสไลด์ในหน้าแรก
- สลับสวิตช์ แสดงเลขอันดับ หากต้องการให้มีตัวเลข 1, 2, 3 บนปกเกม
- ตรวจดูตัวอย่างในกล่องพรีวิวด้านบน แล้วกดปุ่ม บันทึก ที่แถบด้านล่างสุด
2. การแก้ไขชุดเกมไฮไลต์
- ในตารางรายการ กดปุ่ม แก้ไข (ไอคอนดินสอ) ในแถวของชุดไฮไลต์ที่ต้องการ
- ปรับเปลี่ยนข้อมูล ชื่อเกม รูปสไลด์ หรือสวิตช์ตั้งค่าตามต้องการ
- กดปุ่ม บันทึก ที่แถบด้านล่าง
3. การจัดลำดับแถวเกมไฮไลต์บนหน้าแรกของล็อบบี้
- ที่หน้ารายการเกมไฮไลต์ ให้กดปุ่ม จัดลำดับหน้าแรก ที่มุมขวาบน (หรือกดลิงก์ ไปจัดลำดับหน้าแรก จากการ์ดด้านขวาในหน้าแก้ไข)
- ระบบจะเปิดไปยังหน้า หน้าล็อบบี้ > จัดการลำดับหน้าแรก
- ลากปรับตำแหน่งของแถวไฮไลต์นี้ให้อยู่ในลำดับที่ต้องการบนหน้าแรกของเว็บไซต์ แล้วกดบันทึก
4. การลบชุดเกมไฮไลต์
- ในตารางรายการ ให้มองหาสวิตช์ในคอลัมน์ สถานะ ของชุดไฮไลต์ที่ต้องการลบ
- สลับสวิตช์ให้เป็น ปิด (สีเทา) ก่อน
- กดปุ่มจุดไข่ปลา ⋮ ที่ท้ายแถว แล้วเลือก ลบ
- ในหน้าต่างยืนยัน ให้กดปุ่ม ลบ สีแดง
- รายการจะถูกย้ายไปเก็บไว้ในแท็บ ลบแล้ว เพื่อเป็นประวัติ
7. หน้าแก้ไขหรือหน้าเพิ่ม
ตารางแจกแจงทุกช่องกรอกในหน้าสร้างและแก้ไขเกมไฮไลต์ (/game/highlight-game/new และ /game/highlight-game/[id]/edit):
| ช่อง | ต้องกรอกไหม | ใส่อะไร | ตัวอย่าง | ข้อจำกัด |
|---|---|---|---|---|
| ชื่อ (ไทย) | ต้องกรอก | ชื่อหัวข้อภาษาไทยที่จะแสดงเหนือแถวสไลด์ไฮไลต์ | เกมเด่นประจำสัปดาห์ | ความยาว 1–100 ตัวอักษร ห้ามเว้นว่าง |
| ชื่อ (อังกฤษ) | ไม่บังคับ | ชื่อหัวข้อภาษาอังกฤษที่จะแสดงเมื่อผู้เล่นใช้ภาษาอังกฤษ | Weekly Highlights | ความยาวไม่เกิน 100 ตัวอักษร หากไม่กรอกจะใช้ชื่อไทยแทน |
| เลือกเกม | ต้องกรอก | เกมที่ต้องการนำมาแสดงในชุดไฮไลต์ | เลือกเกมจากหน้าต่างค้นหา | เลือกได้ตั้งแต่ 1 ถึง สูงสุด 10 เกม |
| รูปสไลด์ | ต้องมีอย่างน้อย 1 รูป | ภาพแบนเนอร์แนวตั้งสำหรับแต่ละเกมในชุด | อัปโหลดไฟล์ภาพ หรือเลือกรูปของระบบ | ขนาดแนะนำ 900 × 1200 px (สัดส่วน 3:4) รองรับ WebP (เคลื่อนไหวได้), GIF, PNG, JPG ไม่เกิน 32 MB |
| สถานะ | ไม่บังคับ | สวิตช์เปิดหรือปิดการทำงานของชุดไฮไลต์นี้ | เปิดใช้งาน | ปรับได้ 2 สถานะ: เปิดใช้งาน / ปิดอยู่ |
| แสดงเป็นแถวในหน้าแรก | ไม่บังคับ | สวิตช์เปิด-ปิดการแสดงแถวสไลด์บนหน้าแรกล็อบบี้ | เปิดใช้งาน | หากปิด แถวจะไม่แสดงในหน้าแรก แต่เกมยังได้ป้ายฮิต |
| แสดงเลขอันดับ | ไม่บังคับ | สวิตช์เปิด-ปิดตัวเลขลำดับ 1, 2, 3 บนการ์ดเกม | ปิด | สลับเปิดหรือปิด |
8. หน้าต่างป็อปอัพ
1. หน้าต่างเลือกเกม (Hit Item Picker)
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม เพิ่มเกม ในหน้าสร้างหรือแก้ไข
- สิ่งที่เห็นในหน้าต่าง: ช่องค้นหาเกม รายชื่อเกมทั้งหมดพร้อมรูปปกและชื่อค่าย และปุ่มเลือก
- สิ่งที่ต้องทำ: พิมพ์ชื่อเกมหรือรหัสเกม แล้วกดเลือกเกมที่ต้องการ
- ผลลัพธ์: เกมที่เลือกจะถูกเพิ่มเข้าไปในรายการเกมของชุดไฮไลต์ทันที
2. หน้าต่างยืนยันการลบ
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม ลบ จากเมนูจุดไข่ปลา ⋮ ในตาราง
- สิ่งที่เห็นในหน้าต่าง: ข้อความเตือนยืนยันการลบชุดไฮไลต์ และปุ่มยืนยันสีแดง
- สิ่งที่ต้องทำ: อ่านชื่อรายการให้แน่ใจ แล้วกดปุ่ม ลบ (หรือกดยกเลิกหากเปลี่ยนใจ)
- ผลลัพธ์: รายการจะถูกลบออกจากตารางหลักและย้ายไปอยู่ที่แท็บ ลบแล้ว ทันที
3. หน้าต่างแจ้งเตือนข้อมูลชนกัน (Version Conflict)
- เปิดขึ้นมาเมื่อไหร่: เมื่อมีแอดมินคนอื่นแก้ไขชุดไฮไลต์นี้และกดบันทึกตัดหน้าคุณ
- สิ่งที่เห็นในหน้าต่าง: ข้อความแจ้งเตือนว่าข้อมูลบนระบบถูกเปลี่ยนแปลงไปแล้ว
- สิ่งที่ต้องทำ: กดปุ่ม โหลดข้อมูลล่าสุด เพื่อดึงข้อมูลล่าสุดมาตรวจสอบก่อนแก้ไขใหม่
- ผลลัพธ์: ป้องกันการบันทึกทับการตั้งค่าของผู้อื่น
9. สถานะและป้ายสี
| ป้ายสถานะ | สีของป้าย | ความหมาย | สิ่งที่ต้องทำต่อ |
|---|---|---|---|
| เปิดใช้งาน | เขียว | ชุดไฮไลต์ทำงานปกติ หากเปิดแสดงบนหน้าแรกผู้เล่นจะเห็นสไลด์นี้ | ใช้งานได้ตามปกติ |
| ปิดอยู่ | เทา | ชุดไฮไลต์ถูกปิดชั่วคราว ไม่แสดงบนหน้าเว็บและไม่ติดป้ายฮิต | สลับเป็นเปิดเมื่อต้องการใช้งาน |
| ถูกลบ | เทาเข้ม | รายการถูกลบออกจากระบบแล้ว ถูกเก็บไว้เป็นประวัติเท่านั้น | ดูข้อมูลย้อนหลังได้ แต่แก้ไขหรือกู้คืนไม่ได้ |
| แถวหน้าแรก + ป้ายฮิต | เขียว | แสดงเป็นแถวสไลด์ในหน้าแรก และเกมข้างในได้รับป้ายฮิตในทุกล็อบบี้ | สถานะการแสดงผลสมบูรณ์ที่สุด |
| ป้ายฮิตอย่างเดียว | ส้ม | ไม่แสดงแถวสไลด์ในหน้าแรก แต่เกมข้างในยังได้รับป้ายไฟฮิตตามแท็บเกมต่าง ๆ | เหมาะสำหรับต้องการดันเกมให้เด่นเฉพาะในแท็บเกม |
| ซ่อน X เกม | ส้ม | มีบางเกมในชุดถูกปิดใช้งานหรือค่ายเกมปิดปรับปรุง | แนะนำให้เข้าไปตรวจสอบในหน้าแก้ไข เพื่อเปลี่ยนเกมใหม่ทดแทน |
10. คำถามที่เจอบ่อย / แก้ปัญหาเบื้องต้น
- ทำไมกดปุ่มบันทึกไม่ได้ (ขึ้นกรอบสีแดงหรือปุ่มเป็นสีเทา):
- ตรวจสอบว่ากรอก ชื่อ (ไทย) แล้วหรือยัง
- ตรวจสอบว่าเลือกเกมไว้อย่างน้อย 1 เกม และไม่เกิน 10 เกม
- ตรวจสอบว่ามี รูปสไลด์ อย่างน้อย 1 รูปในชุดแล้วหรือไม่ หากยังไม่มีรูปเลยจะกดบันทึกไม่ได้
- ทำไมเลือกเกมเพิ่มเกิน 10 เกมไม่ได้:
- รูปแบบของแถวเกมไฮไลต์ถูกจำกัดไว้สูงสุดที่ 10 เกม เพื่อให้สไลด์โหลดไวและพอดีกับหน้าจอมือถือ หากต้องการโปรโมตเกมเพิ่ม ให้สร้างชุดไฮไลต์ชุดใหม่
- ทำไมปุ่มลบในแถวเป็นสีเทา กดไม่ได้:
- ระบบป้องกันการลบชุดไฮไลต์ที่เปิดใช้งานอยู่ ให้สลับสวิตช์สถานะของรายการนั้นเป็น ปิด ก่อน จึงจะกดปุ่มลบได้
- ภาพสไลด์ขยับ (Animation) ไม่เล่นบนหน้าเว็บ:
- ระบบ Winnova CMS รองรับภาพเคลื่อนไหวชนิด WebP และ GIF โดยไม่บีบอัดไฟล์ ให้ตรวจดูว่าไฟล์ที่อัปโหลดเป็น WebP หรือ GIF ที่มีแอนิเมชันสมบูรณ์ และขนาดไฟล์ไม่เกิน 32 MB
- เปิดใช้งานแล้ว แต่ไม่เห็นแถวไฮไลต์บนหน้าแรก:
- ตรวจสอบสวิตช์ แสดงเป็นแถวในหน้าแรก ว่าเปิดอยู่หรือไม่
- ตรวจสอบที่เมนู หน้าล็อบบี้ > จัดการลำดับหน้าแรก ว่าบล็อกเกมไฮไลต์เปิดใช้งานและจัดวางไว้ในตำแหน่งที่ถูกต้องแล้วหรือไม่