ข้ามไปยังเนื้อหาหลัก

สีธีม

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

หน้า สีธีม ใช้เลือกโทนสีหลักของเว็บไซต์ เช่น สีของปุ่มคำสั่ง, แท็บหมวดหมู่เกม, แถบหัวข้อเกมยอดฮิต, ขอบไฮไลต์ และสีพื้นหลังของรูปเกมที่ไม่มีภาพปก โดยหน้าเว็บล็อบบี้ของผู้เล่นจะแสดงในโหมดมืด (Dark Mode) เสมอ เหมาะสำหรับผู้ดูแลระบบที่ต้องการปรับบรรยากาศของเว็บไซต์ให้สดใหม่ หรือเปลี่ยนโทนสีตามเทศกาลสำคัญ

ระบบมีโทนสีมาตรฐานที่ผ่านการออกแบบความคมชัดและการไล่เฉดสีมาแล้วให้เลือกใช้งานถึง 19 โทนสี เมื่อเลือกสีใด สีนั้นจะมีผลใช้งานทั่วทั้งเว็บไซต์ทันทีหลังกดบันทึก

2. ก่อนเริ่ม​

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

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

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

  1. ส่วนหัวของหน้า (Page Header): แสดงชื่อหน้า สีธีม, คำอธิบายสั้น ๆ และแถบนำทาง (การตั้งค่า / ธีม / สีธีม)
  2. แถบประวัติการแก้ไข (Page Audit): แสดงหมายเลขเวอร์ชันของข้อมูล, ชื่อผู้บันทึกล่าสุด, ประเภทผู้ใช้ และวันเวลาที่แก้ไขล่าสุด
  3. การ์ดตัวอย่างบนหน้าเว็บ (Preview Card): แสดงตัวอย่างหน้าล็อบบี้จริงของผู้เล่นในโหมดมืดตามสีที่เลือกทันที มี:
    • แถบส่วนหัว: แสดงโลโก้, ปุ่มโปรโมชั่น, ปุ่มเข้าสู่ระบบ และปุ่มสมัครสมาชิก
    • แถบแท็บเกม: แสดงตัวอย่างแท็บ หน้าแรก, สล็อต, คาสิโน, ยิงปลา, กีฬา โดยแท็บที่เลือกจะมีพื้นหลังไล่เฉดสีธีม
    • แถบเกมยอดฮิต: แถบหัวข้อเกมยอดฮิตพร้อมไอคอนเปลวไฟ และการ์ดเกมจำลอง 8 ช่องพร้อมปุ่มเล่น
  4. ส่วนเลือกสี (Select Color): แสดงแผงตัวเลือกสีทั้งหมด 19 สี พร้อมวงกลมไล่เฉดสี ชื่อสี และป้าย ใช้อยู่ บนสีปัจจุบัน
  5. แถบคำสั่งด้านล่าง (Action Bar): แถบลอยแสดงปุ่ม ยกเลิก และปุ่ม บันทึก จะเปิดให้กดเมื่อมีการเลือกสีที่ต่างจากสีเดิมในฐานข้อมูล

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

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

ส่วนที่แสดงในการ์ดตัวอย่างสิ่งที่เปลี่ยนตามสีที่เลือกจุดสังเกต
ปุ่มสมัครสมาชิกพื้นหลังปุ่มจะเปลี่ยนเป็นสีไล่เฉดตามธีมตัวอักษรสีขาวบนพื้นสีเข้ม คมชัดอ่านง่าย
ปุ่มเข้าสู่ระบบขอบปุ่มและตัวอักษรจะเปลี่ยนเป็นสีเส้นขอบตามธีมสไตล์ปุ่มโปร่งใสมีเส้นขอบ
ปุ่มโปรโมชั่นขอบและพื้นหลังเรืองแสงตามสีธีมปุ่มสไตล์ไฮไลต์พิเศษ
แท็บเกมที่เลือก (หน้าแรก)พื้นหลังปุ่มแท็บเปลี่ยนเป็นสีไล่เฉดแท็บอื่นจะเป็นสีเทาเข้ม
แถบหัวข้อเกมยอดฮิตแถบยาวจะเปลี่ยนเป็นสีไล่เฉดตามธีมไอคอนเปลวไฟและตัวอักษรสีขาวเด่นชัด
ปุ่มเล่นเกม (Play)วงกลมปุ่มเล่นบนการ์ดเกมแรกจะเปลี่ยนเป็นสีธีมปุ่มกลมพร้อมไอคอนสามเหลี่ยม

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

รายการตัวเลือกสีธีมทั้ง 19 สี​

หมายเลขชื่อสีบนหน้าจอโทนสีและลักษณะการไล่เฉดเหมาะสำหรับ
0ส้มเข้ม (Dark Orange)ส้มสว่างไล่เฉดไปยังส้มเข้มเว็บที่ต้องการความกระตือรือร้นและพลังงานสูง
1แดงสด (Scarlet)แดงสดใสไล่เฉดไปยังแดงเข้มโทนสียอดนิยม เรียกร้องความสนใจได้ดี
2ส้มทอง (Amber Glow)ส้มประกายทองไล่เฉดไปยังส้มสดโทนสีอบอุ่น ดูพรีเมียมและหรูหรา
3เหลืองสับปะรด (Pineapple Pop)เหลืองสดใสไล่เฉดไปยังส้มทองดูสดใส สบายตา และเป็นมิตร
4เขียวมะนาว (Lime Fresh)เขียวมะนาวไล่เฉดไปยังเขียวสดสไตล์ทันสมัย แปลกใหม่ และโดดเด่น
5เขียวสด (Emerald)เขียวสดใสไล่เฉดไปยังเขียวอมฟ้าสื่อถึงความมั่งคั่ง โชคลาภ และความมั่นคง
6ฟ้า (Sky Blue)ฟ้าสดใสไล่เฉดไปยังน้ำเงินดูสะอาดตา โปร่งโล่ง และน่าเชื่อถือ
7คราม (Indigo)น้ำเงินครามไล่เฉดไปยังน้ำเงินเข้มสุขุม มืออาชีพ และทันสมัย
8ม่วง (Royal Purple)ม่วงสว่างไล่เฉดไปยังม่วงเข้มดูหรูหรา ลึกลับ และมีระดับ
9ชมพู (Pink Blush)ชมพูสดใสไล่เฉดไปยังชมพูกุหลาบสดใส น่ารัก และดึงดูดสายตา
10ชมพูกุหลาบ (Rose)ชมพูกุหลาบเข้มไล่เฉดไปยังชมพูสดสไตล์โมเดิร์น แฟชั่น และพรีเมียม
11ส้มอาทิตย์ตก (Sunset Glow)ส้มอบอุ่นโทนดวงอาทิตย์ตกดินให้ความรู้สึกผ่อนคลายและมีพลัง
12ฟ้าทะเล (Ocean Blue)ฟ้าอมเขียวสดใสโทนน้ำทะเลลึกสดชื่น มีชีวิตชีวา และสบายตา
13ออโรรา (Aurora)ฟ้าสว่างประกายแสงเหนือล้ำยุค ดิจิทัล และสะดุดตา
14ทองหรูหรา (Royal Gold)เหลืองทองอร่ามคลาสสิกสื่อถึงความร่ำรวย คาสิโน และระดับวีไอพี
15ม่วงราตรี (Midnight Violet)ม่วงเข้มโทนท้องฟ้ายามค่ำคืนดูสง่างาม มีเสน่ห์ และน่าค้นหา
16แดงไวน์ (Crimson Wine)แดงเข้มเลือดหมูโทนไวน์แดงสุขุม หนักแน่น และมีระดับสูง
17หยก (Jade)เขียวหยกคลาสสิกสื่อถึงความเจริญรุ่งเรืองและสิริมงคล
18ซากุระ (Sakura)ชมพูอ่อนหวานโทนดอกซากุระอ่อนโยน น่าสัมผัส และทันสมัย

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

1. การเปลี่ยนสีธีมของเว็บไซต์​

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

2. การยกเลิกการเลือกสีก่อนบันทึก​

  1. หากกดเลือกสีเล่นแล้วต้องการย้อนกลับไปใช้สีเดิม ให้กดปุ่ม ยกเลิก ที่แถบคำสั่งด้านล่าง
  2. ระบบจะคืนค่าการเลือกกลับไปยังสีที่มีป้าย ใช้อยู่ ทันที

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

หน้านี้เป็นการตั้งค่าสีโดยตรง ไม่ต้องกรอกข้อความยาว โดยมีตัวเลือกการตั้งค่าดังนี้:

ช่อง / ตัวเลือกต้องกรอกไหมใส่อะไรตัวอย่างข้อจำกัด
เลือกสีต้องเลือกกดเลือกหนึ่งใน 19 โทนสีมาตรฐานที่ระบบเตรียมไว้ทองหรูหรา (Royal Gold)เลือกได้ครั้งละ 1 สีเท่านั้น มีผลทั้งระบบพร้อมกัน

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

1. หน้าต่างแจ้งเตือนข้อมูลขัดแย้ง (Version Conflict)​

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

2. หน้าต่างเตือนก่อนออกจากหน้า (Dirty Form Guard)​

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

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

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

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

  • ถ้าเปลี่ยนสีธีมแล้ว แต่หน้าเว็บผู้เล่นยังเป็นสีเดิม:
    • สีธีมจะถูกนำไปใช้ทันทีที่บันทึกสำเร็จ แต่เบราว์เซอร์ของผู้เล่นอาจยังจำแคชเดิมไว้ แนะนำให้กดรีเฟรชหน้าเว็บ (Ctrl + F5 หรือ Cmd + Shift + R)
  • ถ้าปุ่มบันทึกเป็นสีเทา กดไม่ได้:
    • ตรวจสอบว่าสีที่เลือกอยู่ปัจจุบันคือสีเดิมที่มีป้าย ใช้อยู่ หรือไม่ หากไม่ได้เลือกสีใหม่ ปุ่มบันทึกจะไม่เปิดให้กด
  • ถ้าอยากใช้สีรหัส Hex เฉพาะของแบรนด์ที่ไม่มีใน 19 สี:
    • ปัจจุบันระบบ CMS ฝั่ง B2C ออกแบบให้เลือกได้จาก 19 ชุดสีมาตรฐานที่มีการคำนวณการไล่เฉดสีและระดับความสว่างมาแล้ว เพื่อความเสถียรและความสวยงามในโหมดมืด ใส่รหัสสีอิสระไม่ได้
  • ถ้าสีธีมที่เลือกไม่เข้ากับโลโก้:
    • ให้ไปที่เมนู รูปลักษณ์เว็บ > โลโก้ เพื่ออัปโหลดโลโก้ที่มีโทนสีเข้ากัน หรือเปลี่ยนกลับมาใช้สีธีมเดิมที่เข้ากับโลโก้ปัจจุบัน