ส่วนท้าย

1. หน้านี้ใช้ทำอะไร

หน้า ส่วนท้าย ใช้จัดการองค์ประกอบบริเวณส่วนล่างสุดของทุกหน้าในล็อบบี้ รวมถึงการเลือกรูปแบบแถบโลโก้ค่ายเกมพันธมิตร (Official Partners), การปรับความเร็วในการเลื่อนของแถบโลโก้, และการกำหนดข้อความแนะนำเว็บไซต์ (ชื่อหัวข้อ, หัวข้อย่อย และคำอธิบาย) ทั้งภาษาไทยและภาษาอังกฤษ เหมาะสำหรับผู้ดูแลระบบและฝ่ายการตลาดที่ต้องการสร้างความน่าเชื่อถือ แสดงรายชื่อธนาคารที่รองรับ และบอกข้อความบริการลูกค้าตลอด 24 ชั่วโมง

---

2. ก่อนเริ่ม

• สิทธิ์การใช้งาน: ต้องได้สิทธิ์ 'ส่วนท้าย' จากผู้ดูแลระบบก่อน จึงจะเปิดดูและแก้ไขการตั้งค่าส่วนท้ายในหน้านี้ได้ (หากไม่มีสิทธิ์แก้ไข จะดูตัวอย่างได้อย่างเดียว)
• สิ่งที่ต้องเตรียม:
  • ข้อความแนะนำเว็บไซต์ภาษาไทยและภาษาอังกฤษที่เตรียมไว้ล่วงหน้า (ความยาวไม่เกินโควตาตัวอักษร)
  • การตรวจสอบรายชื่อค่ายเกมที่เปิดแสดงในส่วนท้าย (จัดการได้จากเมนู เกม > ค่ายเกม) และบัญชีธนาคาร (จัดการได้จากเมนู ตั้งค่าการรับเงิน > บัญชีธนาคาร) ซึ่งระบบจะดึงมาแสดงในส่วนท้ายให้อัตโนมัติ

---

3. หน้าตาของหน้านี้

เมื่อเปิดเข้ามา จะพบส่วนประกอบสำคัญเรียงจากบนลงล่างดังนี้:

1. ส่วนหัวของหน้า (Page Header): แสดงชื่อหน้า ส่วนท้าย, คำอธิบายสั้น ๆ และแถบนำทาง (รูปลักษณ์เว็บ / ส่วนท้าย)
2. แถบประวัติการแก้ไข (Page Audit): แสดงเวอร์ชันของข้อมูล, ชื่อผู้บันทึกล่าสุด, ประเภทผู้ใช้ และวันเวลาที่แก้ไขล่าสุด
3. การ์ดตัวอย่างบนหน้าเว็บ (Preview Card): กรอบจำลองส่วนท้ายของเว็บไซต์จริงแบบมีแอนิเมชันเลื่อนโลโก้ พร้อมเครื่องมือสลับมุมมอง:
   • ปุ่มสลับอุปกรณ์: คอมพิวเตอร์ (กว้างตามจอจริง) และ มือถือ (จำลองกว้าง 390 px)
   • ปุ่มสลับภาษา: ภาษาไทย และ ภาษาอังกฤษ
4. ส่วนเลือกรูปแบบส่วนท้าย (Select Footer Layout): การ์ดตัวเลือกรูปแบบแถบโลโก้ค่ายเกม 3 สไตล์ พร้อมป้ายบอกรูปแบบที่ ใช้อยู่
5. ส่วนความเร็วแถบโลโก้ค่ายเกม (Partners Strip Speed): แถบเลื่อนปรับความเร็วและปุ่มความเร็วสำเร็จรูป (Preset)
6. ส่วนรายละเอียดส่วนท้าย (Footer Detail): ฟอร์มกรอกข้อความสองภาษา 3 หัวข้อ (ชื่อหัวข้อ, หัวข้อย่อย, คำอธิบาย) พร้อมตัวนับจำนวนตัวอักษร
7. แถบคำสั่งด้านล่าง (Action Bar): แถบลอยแสดงปุ่ม ยกเลิก และปุ่ม บันทึก

---

4. ค้นหาและตัวกรอง

หน้านี้ไม่มีช่องค้นหาตาราง แต่มีเครื่องมือสลับการแสดง 2 ส่วนที่มุมขวาบนของการ์ดตัวอย่าง:

ตัวเลือกการแสดง	ตัวเลือกที่มีให้กด	ผลลัพธ์บนการ์ดตัวอย่าง
อุปกรณ์ (Device)	คอมพิวเตอร์ / มือถือ	- คอมพิวเตอร์: แสดงแถบโลโก้ค่ายเกม, ข้อความแนะนำเว็บ 3 หัวข้อ, คอลัมน์ลิงก์เมนู, ช่องทางติดต่อ, ตราธนาคาร และบรรทัดลิขสิทธิ์ - มือถือ: ย่อส่วนท้ายเหลือเฉพาะแถบโลโก้ค่ายเกม, ตราธนาคาร และบรรทัดลิขสิทธิ์ (ตัดคอลัมน์ข้อความออกตามมาตรฐานหน้าจอมือถือ)
ภาษา (Language)	ภาษาไทย / ภาษาอังกฤษ	สลับดูข้อความที่กรอกไว้ระหว่างภาษาไทยและภาษาอังกฤษ หากภาษาอังกฤษเว้นว่างไว้ ระบบจะดึงข้อความภาษาไทยหรือข้อความเริ่มต้นของระบบมาแสดง

---

5. ตารางข้อมูล

รูปแบบส่วนท้ายทั้ง 3 สไตล์

รูปแบบ	ชื่อรูปแบบ	ลักษณะแถบโลโก้ค่ายเกม	จุดเด่น
0	สไลเดอร์กล่องคลาสสิก (Classic Box Slider)	กล่องสี่เหลี่ยมจัตุรัสขนาดใหญ่ (112 × 112 px บนคอม, 80 × 80 px บนมือถือ) วิ่งแถวเดียว	ไอคอนค่ายเกมขนาดใหญ่ โดดเด่น ชัดเจน เหมาะกับเว็บทั่วไป
1	แคปซูลไหลสองทาง (Dual Flow Pills)	แคปซูลมนแนวนอน (128 × 48 px) วิ่งสวนทางกัน 2 แถว บนจอคอมพิวเตอร์ (แถวล่างวิ่งสวนทางด้วยความเร็ว 0.85 เท่า) ส่วนบนมือถือวิ่งแถวเดียว	ดูทันสมัย เคลื่อนไหวมีมิติ เหมาะกับเว็บที่มีค่ายเกมพันธมิตรจำนวนมาก
2	แคปซูลไหลทางเดียว (Single Stream Pills)	แคปซูลมนแนวนอน (128 × 48 px บนคอม, 112 × 40 px บนมือถือ) วิ่งแถวเดียวในทิศทางปกติ	สไตล์มินิมอล สะอาดตา ประหยัดพื้นที่แนวตั้ง

ระดับความเร็วสำเร็จรูป (Speed Presets)

ปุ่มความเร็ว	ค่าความเร็ว (px/วินาที)	ลักษณะการเคลื่อนที่
ช้ามาก (Slowest)	50 px/s	เลื่อนช้า ๆ นุ่มนวล สบายตา ผู้เล่นมองเห็นโลโก้ชัดเจน
ช้า (Slow)	100 px/s	เลื่อนช้ากว่าปกติเล็กน้อย
ปกติ (Normal)	150 px/s	ความเร็วมาตรฐานเริ่มต้นของระบบ พอดีกับสายตา
เร็ว (Fast)	175 px/s	เลื่อนค่อนข้างเร็ว เพิ่มความรู้สึกตื่นเต้นและมีพลัง
เร็วมาก (Fastest)	200 px/s	ความเร็วสูงสุดที่ระบบอนุญาต

---

6. ทีละขั้นตอน

1. การเปลี่ยนรูปแบบแถบโลโก้ค่ายเกม

1. ไปที่เมนู รูปลักษณ์เว็บ > ส่วนท้าย จากแถบเมนูด้านซ้าย
2. ในส่วน เลือกรูปแบบส่วนท้าย ให้กดเลือก 1 ใน 3 รูปแบบที่ต้องการ
3. การ์ดที่เลือกจะมีกรอบสีฟ้าพร้อมไอคอนเครื่องหมายถูก
4. ตรวจสอบแอนิเมชันในกรอบ ตัวอย่างบนหน้าเว็บ ด้านบน
5. กดปุ่ม บันทึก ที่แถบลอยด้านล่าง

2. การปรับความเร็วการเลื่อนของแถบโลโก้

1. เลื่อนลงมาที่บล็อก ความเร็วแถบโลโก้ค่ายเกม
2. เลือกปรับได้ 2 วิธี:
   • กดปุ่มความเร็วสำเร็จรูป: ช้ามาก, ช้า, ปกติ, เร็ว หรือ เร็วมาก
   • หรือลากแถบเลื่อน (Slider) เพื่อกำหนดความเร็วละเอียดระหว่าง 20 ถึง 200 px/วินาที
3. สังเกตความเร็วของแถบโลโก้ในการ์ดตัวอย่างด้านบนจะเปลี่ยนตามทันที
4. กดปุ่ม บันทึก

3. การแก้ไขข้อความแนะนำเว็บไซต์สองภาษา

1. เลื่อนลงมาที่บล็อก รายละเอียดส่วนท้าย
2. พิมพ์ข้อความในช่องที่ต้องการ ทั้งฝั่ง ภาษาไทย และ ภาษาอังกฤษ:
   • ชื่อหัวข้อ: เช่น ชื่อแบรนด์ของคุณ (ไม่เกิน 60 ตัวอักษร)
   • หัวข้อย่อย: เช่น คำขวัญหรือจุดเด่นของเว็บ (ไม่เกิน 120 ตัวอักษร)
   • คำอธิบาย: ข้อความอธิบายความปลอดภัยหรือมาตรฐานการบริการ (ไม่เกิน 400 ตัวอักษร)
3. สังเกตตัวนับตัวอักษรที่มุมขวาบนของแต่ละช่อง หากเกินโควตากรอบจะกลายเป็นสีแดง
4. หากเว้นว่างไว้ ระบบจะดึงข้อความเริ่มต้นสีเทาในช่องมาแสดงให้อัตโนมัติ
5. กดปุ่ม บันทึก ที่แถบด้านล่าง
6. ระบบจะแสดงข้อความแจ้งเตือนสีเขียวว่า "อัปเดตรูปแบบส่วนท้ายสำเร็จ"

---

7. หน้าแก้ไขหรือหน้าเพิ่ม

ตารางแจกแจงทุกช่องกรอกในส่วน รายละเอียดส่วนท้าย:

ช่อง	ต้องกรอกไหม	ใส่อะไร	ตัวอย่าง	ข้อจำกัด
ชื่อหัวข้อ (ภาษาไทย)	ไม่บังคับ	ชื่อหลักของเว็บไซต์ที่แสดงในส่วนท้าย	WINNOVA ผู้ให้บริการเกมออนไลน์อันดับ 1	ไม่เกิน 60 ตัวอักษร (เว้นว่างจะใช้ชื่อเว็บ)
ชื่อหัวข้อ (ภาษาอังกฤษ)	ไม่บังคับ	Site title in English	WINNOVA Official Online Gaming	ไม่เกิน 60 ตัวอักษร (เว้นว่างจะใช้ภาษาไทยหรือชื่อเว็บ)
หัวข้อย่อย (ภาษาไทย)	ไม่บังคับ	สโลแกนหรือคำโปรยสั้น ๆ ใต้ชื่อเว็บ	เว็บอันดับ 1 ให้บริการลูกค้าแบบมืออาชีพ 24 ชั่วโมง	ไม่เกิน 120 ตัวอักษร (เว้นว่างจะใช้ค่าเริ่มต้นของระบบ)
หัวข้อย่อย (ภาษาอังกฤษ)	ไม่บังคับ	Subtitle in English	No.1 Website, Professional 24/7 Service	ไม่เกิน 120 ตัวอักษร (เว้นว่างจะใช้ค่าเริ่มต้นของระบบ)
คำอธิบาย (ภาษาไทย)	ไม่บังคับ	ย่อหน้าอธิบายระบบความปลอดภัยและมาตรฐานบริการ	ข้อมูลผู้ใช้ทุกคนจะถูกเข้ารหัสอย่างหนาแน่น พร้อมระบบป้องกันการเข้าถึง...	ไม่เกิน 400 ตัวอักษร (เว้นว่างจะใช้ค่าเริ่มต้นของระบบ)
คำอธิบาย (ภาษาอังกฤษ)	ไม่บังคับ	Description in English	All user data is heavily encrypted with international standard...	ไม่เกิน 400 ตัวอักษร (เว้นว่างจะใช้ค่าเริ่มต้นของระบบ)

---

8. หน้าต่างป็อปอัพ (Popup / Modal)

1. หน้าต่างแจ้งเตือนข้อมูลเวอร์ชันขัดแย้ง (VersionConflictDialog)

• เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม บันทึก แต่มีผู้ดูแลระบบคนอื่นแก้ไขและบันทึกส่วนท้ายไปก่อนหน้านั้น
• สิ่งที่เห็นในหน้าต่าง: หน้าต่างป็อปอัพแจ้งเตือนว่าข้อมูลบนหน้าจอไม่ตรงกับเวอร์ชันล่าสุดในเซิร์ฟเวอร์ พร้อมปุ่ม โหลดข้อมูลล่าสุด และปุ่ม ปิด
• สิ่งที่ต้องทำ: กดปุ่ม โหลดข้อมูลล่าสุด เพื่อให้ระบบดึงข้อมูลล่าสุดที่มีการแก้ไขมาแสดงบนหน้าจอ จากนั้นตรวจดูข้อความและกดบันทึกใหม่อีกครั้ง
• ผลลัพธ์: ป้องกันไม่ให้แอดมินสองคนบันทึกข้อมูลทับกันโดยไม่รู้ตัว

---

9. สถานะและป้ายสี

ป้ายสถานะ / สัญลักษณ์	สีของป้าย	ความหมาย	สิ่งที่ต้องทำต่อ
ใช้อยู่	เขียว	รูปแบบส่วนท้ายที่กำลังเปิดใช้งานบนเว็บไซต์จริงในปัจจุบัน	ไม่ต้องทำอะไร หากต้องการใช้รูปแบบเดิม
เครื่องหมายถูกสีขาวในวงกลม	ฟ้า	รูปแบบส่วนท้ายที่กำลังถูกเลือกอยู่ในแบบร่างขณะนี้	ตรวจดูพรีวิวด้านบนแล้วกดปุ่มบันทึก
ตัวเลขตัวอักษรเกิน (เช่น 65/60)	แดง	จำนวนตัวอักษรที่พิมพ์ยาวเกินกว่าที่ระบบกำหนด	ลบข้อความส่วนเกินออกจนกว่าตัวเลขจะเป็นสีเทาปกติ จึงจะกดบันทึกได้
กรอบช่องกรอกสีแดง	แดง	ช่องกรอกที่มีข้อความยาวเกินกำหนด	ปรับลดข้อความให้พอดีโควตา

---

10. คำถามที่เจอบ่อย / แก้ปัญหาเบื้องต้น

• ถ้าปุ่มบันทึกเป็นสีเทา กดไม่ได้:
  • ตรวจดูว่ามีช่องกรอกข้อความใดขึ้นกรอบสีแดงหรือไม่ (ตัวอักษรเกินโควตา)
  • ตรวจดูว่ามีการแก้ไขข้อมูลใด ๆ หรือไม่ หากข้อมูลเหมือนเดิมทุกอย่าง ปุ่มบันทึกจะไม่เปิดให้กด
• ถ้าในส่วนท้ายไม่แสดงโลโก้ค่ายเกมบางค่าย:
  • ให้ไปตรวจสอบที่เมนู เกม > ค่ายเกม ว่าค่ายเกมนั้นถูกปิดการใช้งาน หรือถูกตั้งค่าซ่อนไม่ให้แสดงในส่วนท้ายหรือไม่
• ถ้าไม่เห็นข้อความแนะนำเว็บเมื่อเปิดดูบนมือถือ:
  • เป็นพฤติกรรมปกติของระบบ บนหน้าจอมือถือจะซ่อนคอลัมน์ข้อความและลิงก์ยาว เพื่อให้หน้าจอกระชับและโหลดได้เร็วขึ้น โดยจะแสดงเฉพาะแถบโลโก้ค่ายเกม ช่องทางการชำระเงิน และบรรทัดลิขสิทธิ์
• ถ้าเว้นว่างช่องข้อความไว้ หน้าเว็บจะแสดงอย่างไร:
  • หากเว้นว่างไว้ หน้าเว็บล็อบบี้จะนำข้อความมาตรฐานของระบบ (ข้อความสีเทาที่เห็นในช่องกรอก) ไปแสดงให้อัตโนมัติ โดยไม่ต้องกังวลว่าหน้าเว็บจะว่างเปล่า