ข่าวสาร
1. หน้านี้ใช้ทำอะไร
หน้า ข่าวสาร ใช้สร้าง แก้ไข และจัดการบทความข่าวประชาสัมพันธ์ที่จะแสดงในหน้าต่างข่าวสารของเว็บไซต์ล็อบบี้ ใส่รูปแบนเนอร์กว้าง รูปปกย่อขนาดเล็ก เนื้อหาข้อความแบบจัดรูปแบบพร้อมรูปภาพ (Rich Text) ทั้งภาษาไทยและภาษาอังกฤษ และกำหนดช่วงวันเวลาที่ต้องการให้แสดงผล หรือเลือกเปิดแสดงแบบไม่จำกัดเวลา เหมาะสำหรับแอดมินและฝ่ายการตลาดที่ต้องการแจ้งข่าวสาร โปรโมชั่นพิเศษ หรือกำหนดการปิดปรับปรุงระบบให้ผู้เล่นอ่าน
2. ก่อนเริ่ม
- สิทธิ์การใช้งาน: ต้องได้สิทธิ์ 'ข่าวสาร' จากผู้ดูแลระบบก่อน จึงจะเข้าหน้านี้ได้
- สิ่งที่ต้องเตรียม:
- หัวข้อข่าวภาษาไทย (จำเป็น, ความยาวไม่เกิน 255 ตัวอักษร) และหัวข้อข่าวภาษาอังกฤษ (ไม่บังคับ)
- เนื้อหารายละเอียดข่าว (รองรับการใส่ตัวหนา ตัวเอียง รายการข้อความ ลิงก์ และรูปภาพประกอบ ไม่เกิน 65,535 ตัวอักษร)
- รูปภาพประกอบข่าว (ไม่บังคับ หากไม่ใส่ระบบจะใช้รูปภาพเริ่มต้น):
- รูปกว้าง (Banner): ขนาดแนะนำ 1200 × 400 px (อัตราส่วน 3:1) ขนาดไฟล์ไม่เกิน 5 MB
- รูปเล็ก (Thumbnail): ขนาดแนะนำ 400 × 400 px (สี่เหลี่ยมจัตุรัส 1:1) ขนาดไฟล์ไม่เกิน 5 MB
- วันเริ่มแสดง และวันสิ้นสุด (หรือเลือกแบบไม่จำกัดเวลา)
3. หน้าตาของหน้านี้
เมื่อเปิดเข้ามา จะเห็นส่วนประกอบสำคัญดังนี้:
- ส่วนหัวของหน้า (Page Header): แสดงชื่อหน้า ข่าวสาร, คำอธิบาย และปุ่ม เพิ่มข่าวสาร
- แถบแท็บสถานะข่าว (Filter Tabs): แถบเลือกดูข่าวตามสถานะเวลา ได้แก่ ข่าวทั้งหมด, กำลังแสดง (ป้ายสีเขียว), ตั้งเวลาไว้ (ป้ายสีฟ้า), ปิด / หมดอายุ (ป้ายสีเทา) และ ลบแล้ว (ป้ายสีแดง)
- แถบค้นหาและตัวกรอง (Search & Filter Bar): ช่องค้นหาชื่อข่าว, ปุ่มล้างตัวกรอง และปุ่มเปิดตัวกรองขั้นสูง (กรองตามสถานะ, วันที่สร้าง, วันที่แก้ไข, ผู้สร้าง และผู้แก้ไข)
- แถบเครื่องมือและสรุปยอด: ปุ่มรีเฟรชข้อมูล และตัวเลขสรุป "ทั้งหมด 10 ข่าว"
- ตารางข้อมูลข่าวสาร (Data Table): แสดงรายชื่อข่าว รูปภาพ ช่วงเวลาที่แสดง สวิตช์สถานะ และปุ่มจัดการในแต่ละแถว
- แถบเปลี่ยนหน้า (Pagination): อยู่ด้านล่างสุดของตาราง ใช้เลื่อนดูหน้าถัดไปและเลือกจำนวนรายการต่อหน้า
4. ค้นหาและตัวกรอง
| ช่อง / ตัวกรอง | ประเภท | ตัวเลือกหรือวิธีใช้ | ผลลัพธ์เมื่อเลือก |
|---|---|---|---|
| ค้นหาจากชื่อข่าว | ช่องพิมพ์ | พิมพ์คำค้นหา เช่น ชื่อข่าวภาษาไทยหรือภาษาอังกฤษ | ตารางจะแสดงเฉพาะข่าวที่ชื่อมีคำนั้น |
| แท็บสถานะข่าว | แถบแท็บ | เลือกระหว่าง: ข่าวทั้งหมด, กำลังแสดง, ตั้งเวลาไว้, ปิด / หมดอายุ, ลบแล้ว | กรองตารางตามระยะเวลาและสถานะของข่าว |
| สถานะ | ตัวเลือก (Dropdown) | เลือกระหว่าง: ทุกสถานะ, เปิด, ปิด | แสดงเฉพาะข่าวที่เปิดใช้งานหรือปิดใช้งานอยู่ |
| วันที่สร้าง | ปฏิทินเลือกช่วงวัน | เลือก จากวันที่ และ ถึงวันที่ | แสดงข่าวที่สร้างขึ้นในช่วงเวลาที่กำหนด |
| วันที่แก้ไข | ปฏิทินเลือกช่วงวัน | เลือก จากวันที่ และ ถึงวันที่ | แสดงข่าวที่มีการแก้ไขล่าสุดในช่วงเวลาที่กำหนด |
| สร้างโดย | ช่องค้นหาชื่อแอดมิน | พิมพ์ชื่อแอดมินผู้สร้างข่าว | แสดงเฉพาะข่าวที่แอดมินคนนั้นเป็นผู้สร้าง |
| แก้ไขโดย | ช่องค้นหาชื่อแอดมิน | พิมพ์ชื่อแอดมินผู้แก้ไขข่าว | แสดงเฉพาะข่าวที่แอดมินคนนั้นเป็นผู้แก้ไขล่าสุด |
| ล้างตัวกรอง | ปุ่มกด | กดเพื่อรีเซ็ตทุกตัวกรองกลับเป็นค่าเริ่มต้น | ตารางจะกลับมาแสดงข่าวทั้งหมดตามปกติ |
5. ตารางข้อมูล
คอลัมน์ทั้งหมดในตาราง
| คอลัมน์ | เห็นอะไรบนจอ | หมายความว่าอะไร | ป้ายสีหรือสัญลักษณ์ที่พบ |
|---|---|---|---|
| ลำดับ | ตัวเลขลำดับ 1, 2, 3... | ลำดับที่ของข่าวในหน้าปัจจุบัน | ตัวเลขสีเทา |
| ข่าว | รูปภาพย่อ พร้อมชื่อข่าวภาษาไทยและอังกฤษ | ภาพหน้าปกข่าวและชื่อหัวข้อข่าว (กดที่ชื่อเพื่อเปิดดูหรือแก้ไขข่าว) | รูปย่อสี่เหลี่ยมจัตุรัสพร้อมตัวหนังสือชื่อข่าว |
| ในล็อบบี้ | ป้ายบอกสถานะช่วงเวลา | สถานะการแสดงผลจริงในหน้าต่างล็อบบี้ขณะนี้ | ป้ายสีเขียว = กำลังแสดง, ป้ายสีฟ้า = ตั้งเวลาไว้, ป้ายสีเทา = ปิด / หมดอายุ |
| ช่วงที่แสดง | วันที่เริ่มต้น - วันที่สิ้นสุด | วันที่ข่าวเริ่มแสดงจนถึงวันสิ้นสุด พร้อมเวลานับถอยหลัง | สัญลักษณ์อินฟินิตี้ = ไม่จำกัดเวลา, ป้ายสีส้ม = วันสุดท้าย, ข้อความสีเทา = เหลือ X วัน หรือ หมดอายุแล้ว |
| แก้ไขล่าสุด | วันเวลา และชื่อแอดมิน | เวลาและชื่อผู้แก้ไขข้อมูลล่าสุด | ตัวหนังสือสีเทา |
| สถานะ | สวิตช์เปิด-ปิด หรือป้ายสถานะ | สวิตช์เปิดหรือปิดข่าว (สำหรับรายการที่ลบไปแล้วจะแสดงป้ายสีแดง) | สวิตช์เปิด (สีเขียว) / ปิด (สีเทา), ป้ายสีแดง = ลบแล้ว |
| จัดการ | ปุ่มคำสั่งในแต่ละแถว | ปุ่มสำหรับแก้ไขหรือลบข่าว | ดูรายละเอียดปุ่มด้านล่าง |
ปุ่มในแต่ละแถว (คอลัมน์จัดการ)
| ปุ่ม | ไอคอน / สี | กดแล้วจะเกิดอะไร | หมายเหตุ / เงื่อนไข |
|---|---|---|---|
| แก้ไข / ดู | ไอคอนดินสอ (โหมดแก้ไข) หรือไอคอนดวงตา (โหมดดูอย่างเดียว) | เปิดหน้าฟอร์มแก้ไขรายละเอียดของข่าวนั้น | หากไม่มีสิทธิ์แก้ไขหรือข่าวถูกลบไปแล้ว จะเปิดในโหมดดูอย่างเดียว |
| เมนูเพิ่มเติม (...) | ไอคอนจุดไข่ปลา | เปิดเมนูคำสั่งเพิ่มเติมของแถวนั้น | มีคำสั่ง ลบ อยู่ด้านใน |
| ลบ | ไอคอนรูปถังขยะสีแดง | เปิดหน้าต่างยืนยันการลบข่าว | ต้องสลับสวิตช์สถานะเป็น ปิด ก่อนเสมอ จึงจะกดลบได้ |
6. ทีละขั้นตอน
1. การเพิ่มข่าวสารใหม่
- ไปที่เมนู หน้าล็อบบี้ > ข่าวสาร จากแถบเมนูด้านซ้าย
- กดปุ่ม เพิ่มข่าวสาร ที่มุมขวาบนของตาราง
- ในหน้าเพิ่มข่าวสาร ให้กรอกข้อมูลสำคัญตามตารางในหัวข้อที่ 7:
- พิมพ์ ชื่อข่าว (ไทย) (จำเป็น) และ ชื่อข่าว (อังกฤษ)
- พิมพ์เนื้อหาข่าวในช่อง รายละเอียด (จัดตัวหนา เอียง หรือแนบรูปภาพเพิ่มเติมได้)
- กำหนด ช่วงเวลาที่แสดง: เลือก วันเริ่มแสดง และ วันสิ้นสุด หรือกดเปิดสวิตช์ ไม่จำกัดเวลา
- อัปโหลด รูปกว้าง (1200 × 400 px) และ รูปเล็ก (400 × 400 px)
- ทางขวามือ ตรวจสอบสวิตช์ สถานะ ให้เป็น เปิด (สีเขียว) และตรวจดูความสวยงามในกล่อง ตัวอย่างในล็อบบี้
- กดปุ่ม บันทึก ที่มุมล่างขวา ระบบจะแสดงข้อความแจ้งเตือนสีเขียว "สร้างข่าวแล้ว"
2. การแก้ไขข่าวสาร
- ค้นหาข่าวที่ต้องการแก้ไขในตาราง
- กดปุ่มไอคอนดินสอ (แก้ไข) หรือกดที่ชื่อข่าว
- ปรับเปลี่ยนข้อมูล ข้อความ ช่วงเวลา หรือรูปภาพตามต้องการ
- กดปุ่ม บันทึก ระบบจะแสดงข้อความแจ้งเตือน "บันทึกข่าวแล้ว" และข้อมูลบนหน้าเว็บผู้เล่นจะอัปเดตทันที
3. การเปิดหรือปิดใช้งานข่าวสาร
- มองหาสวิตช์ในคอลัมน์ สถานะ ของแถวข่าวที่ต้องการ
- กดที่สวิตช์:
- ปรับเป็น เปิด (สีเขียว) เพื่อเริ่มแสดงข่าว (ระบบจะแสดงตามวันเริ่มแสดงที่ตั้งไว้)
- ปรับเป็น ปิด (สีเทา) เพื่อซ่อนข่าวชั่วคราว
- ระบบจะแสดงข้อความแจ้งเตือน "เปิดข่าวแล้ว" หรือ "ปิดข่าวแล้ว" ทันที
4. การลบข่าวสาร
- สลับสวิตช์ในคอลัมน์ สถานะ ของข่าวนั้นให้เป็น ปิด (สีเทา) ก่อนเสมอ
- กดปุ่มจุดไข่ปลา (...) ในคอลัมน์จัดการ แล้วเลือกคำสั่ง ลบ
- ระบบจะเปิดหน้าต่างป็อปอัพยืนยัน "ลบข่าวนี้?" ให้อ่านข้อความเตือน แล้วกดปุ่มสีแดง ลบ
- ข่าวจะถูกย้ายไปอยู่ในแท็บ ลบแล้ว ทันที
5. การดูข่าวที่ลบแล้ว
- ในหน้ารายการข่าวสาร ให้กดที่แท็บ ลบแล้ว (ป้ายสีแดง)
- ตารางจะแสดงเฉพาะข่าวที่ถูกลบไปแล้ว โดยมีป้าย ลบแล้ว สีแดงกำกับ
- กดดูรายละเอียดของข่าวได้ แต่จะแก้ไขหรือเปิดใช้งานกลับมาไม่ได้อีก
7. หน้าแก้ไขหรือหน้าเพิ่ม
รายละเอียดช่องกรอกข้อมูลทั้งหมด
| ช่อง | ต้องกรอกไหม | ใส่อะไร | ตัวอย่าง | ข้อจำกัด |
|---|---|---|---|---|
| ชื่อข่าว (ไทย) | ต้องกรอก | หัวข้อข่าวภาษาไทย | ปิดปรับปรุงระบบธนาคารกรุงไทยชั่วคราว | ความยาว 1–255 ตัวอักษร ห้ามปล่อยว่าง |
| ชื่อข่าว (อังกฤษ) | ไม่บังคับ | หัวข้อข่าวภาษาอังกฤษ | KTB Bank Maintenance Announcement | ความยาวไม่เกิน 255 ตัวอักษร |
| รายละเอียด | ไม่บังคับ | เนื้อหาข่าวสารแบบข้อความพร้อมรูปภาพ | แจ้งปิดปรับปรุงระบบฝาก-ถอนธนาคารกรุงไทย... | สลับแท็บ ไทย/อังกฤษ ได้ ไม่เกิน 65,535 ตัวอักษร |
| ไม่จำกัดเวลา | ต้องเลือก | สวิตช์เลือกว่าจะแสดงตลอดไปหรือไม่ | เปิด | หากเปิดไว้ ข่าวจะแสดงไปเรื่อย ๆ จนกว่าจะปิดเอง |
| วันเริ่มแสดง | ต้องกรอก | วันที่เริ่มต้นแสดงข่าวในหน้าเว็บ | 01/11/2026 | นับตามเวลาประเทศไทย |
| วันสิ้นสุด | ต้องกรอก (หากไม่เลือกไม่จำกัดเวลา) | วันสุดท้ายที่แสดงข่าว | 05/11/2026 | ต้องไม่น้อยกว่าวันเริ่มแสดง และไม่น้อยกว่าวันนี้ |
| รูปกว้าง (Banner) | ไม่บังคับ | ภาพแบนเนอร์หัวข่าวแนวยาว | ไฟล์ภาพโปรโมชั่น | ขนาดแนะนำ 1200 × 400 px (3:1) ไม่เกิน 5 MB |
| รูปเล็ก (Thumbnail) | ไม่บังคับ | ภาพหน้าปกข่าวย่อสี่เหลี่ยมจัตุรัส | ไฟล์ภาพไอคอนข่าว | ขนาดแนะนำ 400 × 400 px (1:1) ไม่เกิน 5 MB |
| สถานะ | ต้องเลือก | สวิตช์เปิดหรือปิดข่าวสาร | เปิด | เปิด = แสดงตามช่วงเวลา, ปิด = บันทึกไว้แต่ซ่อน |
8. หน้าต่างป็อปอัพ (Popup / Modal)
1. หน้าต่างยืนยันการลบข่าว (Confirm Delete Dialog)
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม ลบ จากเมนูจัดการในแถวของข่าวที่ปิดใช้งานแล้ว
- สิ่งที่เห็นในหน้าต่าง: หัวข้อสีแดง "ลบข่าวนี้?", ข้อความเตือนว่า ""ชื่อข่าว" และรูปของข่าวจะถูกลบ กู้คืนไม่ได้" พร้อมปุ่ม ลบ สีแดง และปุ่ม ยกเลิก
- สิ่งที่ต้องทำ: อ่านข้อความเตือนให้แน่ใจ แล้วกดปุ่มสีแดง ลบ
- ผลลัพธ์: ข่าวจะถูกย้ายไปยังถังขยะทันที และผู้เล่นจะมองไม่เห็นข่าวนี้อีก
2. หน้าต่างแจ้งเตือนข้อมูลชนกัน (VersionConflictDialog)
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม บันทึก แล้วพบว่ามีแอดมินคนอื่นแก้ไขข่าวนี้ไปก่อนหน้า (รหัส 1005)
- สิ่งที่เห็นในหน้าต่าง: ข้อความเตือนว่ามีคนบันทึกข่าวนี้ไปก่อน พร้อมปุ่มสำหรับโหลดข้อมูลใหม่
- สิ่งที่ต้องทำ: กดปุ่ม โหลดข้อมูลล่าสุด เพื่อดึงข้อมูลล่าสุดมาแสดง
- ผลลัพธ์: หน้าจอจะดึงข้อมูลเวอร์ชันล่าสุดมาให้ แอดมินจึงแก้ไขและบันทึกใหม่อีกครั้ง
9. สถานะและป้ายสี
| ป้ายสถานะ | สีของป้าย | ความหมาย | สิ่งที่ต้องทำต่อ |
|---|---|---|---|
| กำลังแสดง | เขียว | ข่าวเปิดใช้งานอยู่ และอยู่ในช่วงเวลาแสดงผลจริง ผู้เล่นเห็นข่าวนี้ในล็อบบี้ | ข่าวทำงานตามปกติ ไม่ต้องทำอะไร |
| ตั้งเวลาไว้ | ฟ้า | ข่าวเปิดใช้งานอยู่ แต่วันเริ่มแสดงยังมาไม่ถึง (ตั้งเวลาล่วงหน้า) | รอถึงวันเริ่มแสดง ข่าวจะแสดงผลอัตโนมัติ |
| ปิด / หมดอายุ | เทา | ข่าวถูกปิดสวิตช์ไว้ หรือเลยกำหนดวันสิ้นสุดไปแล้ว ข่าวจะไม่แสดงในล็อบบี้ | หากต้องการเปิดใหม่ ให้เลื่อนวันสิ้นสุดแล้วเปิดสวิตช์ |
| ลบแล้ว | แดง | ข่าวถูกลบออกจากระบบและย้ายเข้ามาอยู่ในถังขยะ | ดูข้อมูลได้อย่างเดียว เปิดใช้งานไม่ได้ |
| วันสุดท้าย | ส้ม | วันนี้เป็นวันสิ้นสุดวันสุดท้ายที่ข่าวนี้จะแสดงผลในล็อบบี้ | หลังจากเที่ยงคืนคืนนี้ ระบบจะปิดข่าวอัตโนมัติ |
| ไม่จำกัดเวลา | เทา | ข่าวนี้ไม่ได้กำหนดวันสิ้นสุด จะแสดงผลตลอดไป | สลับปิดสวิตช์เมื่อหมดความจำเป็น |
10. คำถามที่เจอบ่อย / แก้ปัญหาเบื้องต้น
- ทำไมปุ่มลบเป็นสีเทา กดไม่ได้:
- ระบบมีกฎความปลอดภัยห้ามลบข่าวที่กำลังเปิดใช้งานอยู่ ให้สลับสวิตช์ในคอลัมน์ สถานะ เป็น ปิด ก่อน จึงจะกดปุ่มลบได้
- เปิดสวิตช์ข่าวไม่ได้และขึ้นเตือนว่า "ข่าวนี้หมดอายุแล้ว...":
- แสดงว่าวันสิ้นสุดของข่าวนั้นเป็นวันที่ในอดีตที่ผ่านมาแล้ว ให้กดปุ่มดินสอเข้าไปแก้ไขวันสิ้นสุดให้เป็นวันข้างหน้า หรือกดเปิดสวิตช์ ไม่จำกัดเวลา ก่อน แล้วจึงจะเปิดสวิตช์ข่าวได้
- ถ้าไม่ได้อัปโหลดรูปกว้างหรือรูปเล็ก ผู้เล่นจะเห็นอะไร:
- หากไม่ได้อัปโหลดรูป ระบบล็อบบี้จะนำรูปภาพมาตรฐานของระบบมาแสดงเป็นภาพปกข่าวให้อัตโนมัติ หน้าจอจะไม่แหว่งหรือขึ้นไอคอนภาพเสีย
- ปุ่มบันทึกเป็นสีเทา กดไม่ได้:
- ตรวจสอบว่าได้กรอกช่องที่มีดอกจันสีแดงครบหรือไม่ (โดยเฉพาะ ชื่อข่าว (ไทย) และ วันเริ่มแสดง) และตรวจสอบว่าวันสิ้นสุดต้องไม่อยู่ก่อนวันเริ่มแสดง