โหมดมืด
แบนเนอร์สไลด์ & ประกาศ
จัดการรูปแบนเนอร์ที่หมุนสไลด์บนหน้าแรก และข้อความประกาศที่แสดงให้ผู้เล่นเห็น ทั้งแบบเด้ง (popup) และข้อความวิ่งบนเว็บ — ปรับเองได้โดยไม่ต้องแก้โค้ด
เข้าหน้านี้: เมนูซ้าย → ตั้งค่า › หน้า home → แท็บ แบนเนอร์สไลด์ & ประกาศ (ต้องมีสิทธิ์ ตั้งค่าเว็บไซต์ หรือ จัดการประกาศ)
📷 ภาพประกอบเป็นภาพจริงจากระบบ (ข้อมูลตัวอย่าง) รูปแบนเนอร์และประกาศในภาพเป็นตัวอย่างที่ทำขึ้นเพื่อสาธิต
หน้านี้แบ่งเป็น 2 แท็บด้านบน คือ แบนเนอร์สไลด์ (แท็บที่เปิดขึ้นมาก่อน) และ ประกาศ กดสลับไปมาได้
ภาพรวมทั้งหน้า
เลขในภาพตรงกับหัวข้อในแท็บแบนเนอร์สไลด์ด้านล่าง: 1 การแสดงผล · 2 รูปแบนเนอร์สไลด์
แท็บ "แบนเนอร์สไลด์"
ใช้ตั้งขนาดและจัดการรูปสไลด์บนหน้าแรก แต่ละสไลด์มีรูปสำหรับเดสก์ท็อปและรูปสำหรับมือถือแยกกัน
1. การแสดงผล — ขนาดรูปสไลด์
ส่วนนี้มี 2 แถว
| แถว | ปรับได้ไหม | ความหมาย |
|---|---|---|
| ขนาดรูปสไลด์ (มือถือ) | เลือกได้ 3 แบบ | สัดส่วนกรอบแบนเนอร์บนมือถือ และสัดส่วนที่ใช้ครอปรูปมือถือ |
| ขนาดรูปสไลด์ (เดสก์ท็อป) | ปรับไม่ได้ | คงที่ 16:5 เสมอ รูปเก่าที่เป็นสัดส่วนอื่นจะแสดงเต็มรูป และเบลอด้านข้าง |
ตัวเลือกในเมนู ขนาดรูปสไลด์ (มือถือ)
| ตัวเลือกในเมนู | สัดส่วนบนมือถือ |
|---|---|
| เล็ก (16:5) | 16:5 — แถบเตี้ยที่สุด เท่ากับเดสก์ท็อป จะใส่รูปมือถือหรือไม่ก็ได้ |
| กลาง (16:7) | 16:7 — ต้องใส่รูปมือถือ |
| ใหญ่ (16:9) | 16:9 (ค่าเริ่มต้น) — ต้องใส่รูปมือถือ |
- ถ้า ยังไม่มีรูปสไลด์ ระบบเปลี่ยนขนาดให้ทันที (แจ้ง "อัพเดทขนาดรูปสไลด์สำเร็จ")
- ถ้า มีรูปสไลด์อยู่แล้ว ระบบจะถาม คุณแน่ใจหรือไม่? บอกว่ากำลังเปลี่ยนขนาดรูปสไลด์บนมือถือจากสัดส่วนเดิมเป็นสัดส่วนใหม่ และเตือนให้เช็คว่ารูปมือถือที่มีอยู่เป็นสัดส่วนใหม่แล้ว เพื่อไม่ให้รูปผิดเพี้ยน กด ยืนยัน เพื่อเปลี่ยน หรือ ยกเลิก
- ถ้าไม่มีสิทธิ์แก้ไข ตั้งค่าเว็บไซต์ เมนูนี้จะกดไม่ได้
💾 เมื่อบันทึกแล้วมีผลต่ออะไร: กรอบแบนเนอร์บนมือถือของผู้เล่นเปลี่ยนเป็นสัดส่วนใหม่ทันที (บนเดสก์ท็อปยังเป็น 16:5) รูปมือถือที่อัพโหลดหลังจากนี้จะถูกครอปตามสัดส่วนใหม่ ส่วนรูปมือถือเดิมที่ไม่ตรงสัดส่วนใหม่อาจถูกตัดขอบหรือดูเพี้ยนบนเว็บ · ถ้าสัดส่วนมือถือไม่ใช่ 16:5 แบนเนอร์ใหม่ต้องมีรูปมือถือด้วยจึงจะบันทึกได้
2. รูปแบนเนอร์สไลด์
ส่วนนี้ใช้เพิ่ม เรียงลำดับ แก้ลิงก์ เปลี่ยนรูป และลบแบนเนอร์ แบนเนอร์ 1 ใบ = 1 สไลด์ที่หมุนบนหน้าแรก แสดงเป็นการ์ดเรียงตามลำดับที่หมุนบนเว็บ ใต้หัวข้อมีข้อความเตือนว่ารูปเดสก์ท็อปเป็น 16:5 ส่วนรูปมือถือเป็นสัดส่วนตาม ขนาดรูปสไลด์ (มือถือ)
| ส่วนในการ์ด | ใช้ทำอะไร |
|---|---|
| จุดจับซ้ายสุด | ลากขึ้นลงเพื่อจัดลำดับสไลด์ |
| ช่องลิงก์ (ลิงก์เมื่อคลิกแบนเนอร์ (ไม่บังคับ)) | หน้าที่จะเปิดเมื่อผู้เล่นกดแบนเนอร์ เว้นว่างได้ถ้าไม่ต้องการให้กดแล้วไปหน้าอื่น · เมื่อแก้แล้วจะมีปุ่ม บันทึก สีเขียวขึ้นข้างช่อง กดเพื่อบันทึก |
| ปุ่ม ลบ | ลบแบนเนอร์ทั้งใบ (มีหน้าต่างถามยืนยันก่อน) |
| เดสก์ท็อป · 16:5 | รูปหลัก (จำเป็น) — รูปที่แสดงบนจอคอม |
| มือถือ · … (สัดส่วนตามที่ตั้ง) | รูปที่แสดงบนมือถือ ป้ายใต้ช่องเป็น รูปมือถือ (จำเป็น) เมื่อขนาดมือถือไม่ใช่ 16:5 · ถ้าขนาดมือถือเป็น 16:5 ป้ายจะเป็น ไม่ใส่ = มือถือใช้รูปเดสก์ท็อป |
- เปลี่ยนรูป — ชี้เมาส์ที่รูปจะขึ้น เปลี่ยนรูป กดแล้วเลือกไฟล์ ระบบจะให้ครอปตามสัดส่วนของช่องนั้น (หัวกรอบครอปบอกว่า รูปสำหรับ: เดสก์ท็อป หรือ มือถือ) กด ยืนยัน เพื่ออัพโหลด หรือ ยกเลิก · ช่องที่ยังไม่มีรูปจะเป็นกรอบเส้นประ คลิกเพื่ออัพโหลด ใช้แบบเดียวกัน
- ลบเฉพาะรูปมือถือ — ทำได้เมื่อขนาดมือถือเป็น 16:5 เท่านั้น (ชี้ที่รูปมือถือจะมีปุ่ม X มุมขวาบน) ลบแล้วมือถือจะใช้รูปเดสก์ท็อปแทน · ถ้าขนาดมือถือไม่ใช่ 16:5 รูปมือถือเปลี่ยนได้แต่ลบไม่ได้ · รูปเดสก์ท็อปลบแยกไม่ได้ ต้องลบทั้งแบนเนอร์
- เรียงลำดับ — ลากจุดจับซ้ายสุดของการ์ดไปวางตำแหน่งที่ต้องการ
- ถ้าอัพโหลดรูปไม่สำเร็จ ระบบแจ้ง ครั้งเดียว (ข้อความจากระบบ หรือ "อัพโหลดแบนเนอร์ไม่สำเร็จ") และไม่ใส่รูปให้ ลองเลือกไฟล์ใหม่อีกครั้ง
- กล่องรูป เดสก์ท็อป และ มือถือ วางชิดด้านบนเท่ากัน แต่ละกล่องสูงตามสัดส่วนรูปของตัวเอง (กล่องเดสก์ท็อป 16:5 จึงเตี้ยกว่ากล่องมือถือ ไม่มีพื้นที่ว่างใต้รูป)
- ไฟล์ GIF จะไม่ถูกครอป (เพื่อให้ภาพยังขยับได้) จึงต้องเป็นสัดส่วนเดียวกับช่องนั้นพอดี (เดสก์ท็อป 16:5 · มือถือตามที่ตั้ง) ไม่อย่างนั้นระบบจะแจ้ง GIF ต้องมีอัตราส่วน … พร้อมขนาดไฟล์ที่อัพโหลด และไม่ใส่รูปให้
- ถ้ายังไม่มีแบนเนอร์เลย จะขึ้นข้อความ ยังไม่มีแบนเนอร์ — กด “เพิ่มแบนเนอร์” ด้านบนเพื่อเริ่ม
เพิ่มแบนเนอร์ใหม่
- กดปุ่ม เพิ่มแบนเนอร์ (ปุ่มสีน้ำเงินเต็มแถว) จะมีการ์ดใหม่กรอบสีน้ำเงินขึ้นมาใต้ปุ่ม ระหว่างนี้ปุ่มเพิ่มแบนเนอร์จะกดไม่ได้
- กด คลิกเพื่ออัพโหลด ในช่อง เดสก์ท็อป เลือกไฟล์ ครอป แล้วกด ยืนยัน · ทำแบบเดียวกันในช่อง มือถือ (ต้องใส่เมื่อขนาดมือถือไม่ใช่ 16:5)
- ใส่ลิงก์ถ้าต้องการ แล้วกด บันทึก — ปุ่มบันทึกจะกดได้เมื่อใส่รูปที่จำเป็นครบแล้ว · กด ยกเลิก เพื่อทิ้งการ์ดนี้ รูปที่ใส่ไว้ในการ์ดใหม่ยังไม่ถูกบันทึกจนกว่าจะกดบันทึก
💾 เมื่อบันทึกแล้วมีผลต่ออะไร: กดบันทึกแล้วแบนเนอร์ใหม่จะขึ้นในรายการ (แจ้ง "เพิ่มแบนเนอร์สำเร็จ") และไปแสดงบนแบนเนอร์หน้าแรกของผู้เล่น — รูปเดสก์ท็อปบนจอคอม รูปมือถือบนมือถือ · การเปลี่ยนรูป ลำดับที่จัด และลิงก์ที่แก้ ในการ์ดที่มีอยู่แล้วก็บันทึกและมีผลบนหน้าแรกทันทีเช่นกัน
🗑️ เมื่อลบแล้ว: กด ลบ แล้วจะมีหน้าต่าง ลบแบนเนอร์นี้? เตือนว่ารูปทั้งหมดของแบนเนอร์นี้ (เดสก์ท็อปและมือถือ) จะถูกลบถาวร ย้อนกลับไม่ได้ กด ลบ เพื่อยืนยัน (แจ้ง "ลบแบนเนอร์สำเร็จ") หรือ ยกเลิก · แบนเนอร์ที่ลบจะไม่โชว์บนหน้าแรกของผู้เล่นอีก ต้องเพิ่มใหม่เท่านั้น
แท็บ "ประกาศ"
กดแท็บ ประกาศ เพื่อจัดการประกาศแบบเด้ง (popup) และข้อความวิ่งบนเว็บ
แท็บนี้มี 3 ส่วน
1. รายการประกาศ (popup)
แสดงประกาศแบบเด้งทั้งหมด เรียงตามลำดับ แต่ละแถวมีรายละเอียดดังนี้
| ช่องในแถว | บอกอะไร |
|---|---|
| จุดจับซ้ายสุด | ลากขึ้นลงเพื่อจัดลำดับประกาศ |
| สวิตช์ | เปิด = แสดงต่อผู้เล่น · ปิด = ซ่อน (ยังอยู่ในรายการ) |
| รูปตัวอย่าง | รูปประกอบของประกาศ ถ้าไม่มีจะเป็นไอคอนรูปจาง ๆ |
| หัวข้อ + ลิงก์ | หัวข้อประกาศ และลิงก์ปลายทาง (ถ้าตั้งไว้) |
| ป้ายกลุ่มคนเห็น | สมาชิก · ผู้เยี่ยมชม · ทุกคน ตามช่อง "แสดงให้" ในฟอร์ม |
| ป้ายหน้า | หน้าที่จะแสดง popup เช่น /profile แสดงสูงสุด 2 หน้า ป้าย +N = ยังมีอีก N หน้า · ทุกหน้า = ไม่ได้เจาะจงหน้า |
| ปุ่มแก้ไข / ลบ | แก้ไขประกาศเดิม หรือลบออกจากรายการ (ลบมีหน้าต่าง ยืนยันการลบประกาศ ก่อน) |
🔔 เมื่อเปิด/ปิดสวิตช์แล้ว: เปิด = ประกาศนี้จะแสดงต่อผู้เล่นทันที · ปิด = ผู้เล่นจะไม่เห็น popup นี้อีก แต่ยังเก็บไว้ในรายการ ไม่ได้ลบทิ้ง
💾 เมื่อลากจัดลำดับแล้ว: ระบบบันทึกลำดับใหม่ให้ทันที (แจ้ง "อัพเดทลำดับสำเร็จ") ลำดับนี้คือลำดับที่ใช้แสดงประกาศ
🗑️ เมื่อลบแล้ว: ประกาศนี้จะหายออกจากรายการ และผู้เล่นจะไม่เห็น popup นี้อีก
ถ้ายังไม่มีประกาศจะขึ้นข้อความ ยังไม่มีประกาศ พร้อมปุ่มให้เพิ่ม · ประกาศเก่าที่สร้างก่อนมีช่อง "แสดงให้" จะเป็น สมาชิก
ตัวอย่างที่ผู้เล่นเห็น — เมื่อมีประกาศอย่างน้อย 1 รายการ ด้านบนสุดของแท็บจะมีกล่องนี้ให้กดกางดูหน้าตา popup เสมือนจริง กดลูกศรมุมขวาเพื่อดูประกาศถัดไป
ในตัวอย่างจะเห็นหัวข้อ รูป เนื้อหา ช่อง ไม่ต้องโชว์ข้อความนี้อีก ที่ผู้เล่นติ๊กได้ ปุ่มลิงก์ (ถ้าตั้งลิงก์ไว้ ใช้ข้อความปุ่มที่ตั้ง หรือ "อ่านเพิ่มเติม") และปุ่ม ปิด
2. ฟอร์มเพิ่ม / แก้ไขประกาศ
กดปุ่ม เพิ่มประกาศ มุมขวาบนของรายการ (หรือไอคอนดินสอในแถว) จะเปิดหน้าต่างฟอร์ม แบ่งเป็น 3 แท็บย่อย คือ หลัก, รูปภาพ และ ขั้นสูง
| ช่อง | อยู่แท็บ | ต้องกรอกไหม | คำอธิบาย |
|---|---|---|---|
| หัวข้อ | หลัก | ต้องกรอก | หัวข้อที่จะโชว์บน popup |
| เนื้อหา | หลัก | ไม่บังคับ | คำอธิบายเพิ่มเติม จัดรูปแบบข้อความได้ |
| รูปภาพแบนเนอร์ | รูปภาพ | ไม่บังคับ | รูปประกอบบน popup ครอปได้ที่สัดส่วน 3:2 (ค่าเริ่มต้น) · 1:1 · 16:9 หรืออิสระ |
| ลิงก์ | ขั้นสูง | ไม่บังคับ | ลิงก์ปลายทางของปุ่มในประกาศ ถ้าเว้นว่างจะไม่มีปุ่มลิงก์ |
| ข้อความปุ่มลิงก์ | ขั้นสูง | ไม่บังคับ | ข้อความบนปุ่มลิงก์ ถ้าเว้นว่างจะใช้ "อ่านเพิ่มเติม" |
| แสดงให้ | ขั้นสูง | เลือก 1 อย่าง | สมาชิกที่เข้าสู่ระบบ (ค่าเริ่มต้น) · ผู้เยี่ยมชม (ยังไม่เข้าสู่ระบบ) · ทุกคน |
| แสดงเฉพาะหน้า | ขั้นสูง | ไม่บังคับ | ใส่หน้าที่จะให้ popup แสดง บรรทัดละหนึ่งหน้า ลงท้ายด้วย /* เพื่อรวมทุกหน้าย่อย เช่น /promotions/* เว้นว่าง = แสดงทุกหน้า |
ชื่อแท็บย่อยจะมีจุดสีฟ้าเล็ก ๆ บอกว่าแท็บนั้นมีข้อมูลกรอกไว้แล้ว (เช่น ใส่รูปแล้ว แท็บ "รูปภาพ" จะมีจุด) ถ้ากดบันทึกแล้วมีช่องที่ยังไม่ถูกต้อง แท็บนั้นจะมีจุดสีแดงและฟอร์มจะพาไปที่แท็บนั้นให้
💾 เมื่อบันทึกแล้วมีผลต่ออะไร: กด สร้างประกาศ แล้วประกาศใหม่จะเปิดใช้งานทันที (ระบบแจ้ง "สร้างประกาศสำเร็จ") ผู้เล่นกลุ่มที่เลือกในช่อง "แสดงให้" จะเห็น popup เมื่อเข้าหน้าที่ระบุ หรือทุกหน้าถ้าเว้นว่าง — เลือก ผู้เยี่ยมชม หรือ ทุกคน เพื่อให้คนที่ยังไม่ได้เข้าสู่ระบบเห็นประกาศด้วย · ถ้าเปิดจากไอคอนดินสอ ปุ่มจะเป็น แก้ไขประกาศ และค่าที่แก้จะแทนของเดิมทันที
3. ประกาศสไลด์ (ข้อความวิ่ง)
ส่วนล่างสุดใช้ตั้งข้อความวิ่งที่แล่นอยู่บนหน้าเว็บไซต์ มีกล่องตัวอย่างแสดงผลแบบเรียลไทม์เหนือช่องกรอก พิมพ์หรือแก้ข้อความในช่อง เมื่อมีการเปลี่ยนแปลง ปุ่ม บันทึก (สีเขียว) จะปรากฏมุมขวาบนของส่วนนี้ กดเพื่อบันทึก
💾 เมื่อบันทึกแล้วมีผลต่ออะไร: ข้อความที่บันทึกจะไปแล่นเป็นข้อความวิ่งบนหน้าเว็บของผู้เล่น ถ้าลบข้อความให้ว่างแล้วบันทึก ข้อความวิ่งก็จะหายไปจากเว็บ
ข้อควรระวัง
- เปลี่ยน ขนาดรูปสไลด์ (มือถือ) ขณะมีรูปอยู่แล้วจะเปลี่ยนสัดส่วนบนมือถือทันที รูปมือถือเดิมที่ไม่ตรงสัดส่วนใหม่อาจถูกตัดขอบหรือดูเพี้ยน — ระบบจะถามยืนยันก่อนเสมอ
- รูปเดสก์ท็อปเป็น 16:5 เสมอ รูปเก่าที่ทำไว้สัดส่วนอื่นจะแสดงเต็มรูปและเบลอด้านข้าง ถ้าอยากให้เต็มกรอบควรเปลี่ยนเป็นรูป 16:5
- ถ้าขนาดมือถือไม่ใช่ 16:5 แบนเนอร์ใหม่ต้องมีทั้งรูปเดสก์ท็อปและรูปมือถือจึงจะกดบันทึกได้
- ลบแบนเนอร์ จะลบทั้งรูปเดสก์ท็อปและรูปมือถือพร้อมกัน และเอาคืนไม่ได้
- ประกาศที่ปิดสวิตช์ไว้จะไม่แสดงต่อผู้เล่น แม้ยังอยู่ในรายการ
- ช่อง แสดงเฉพาะหน้า ต้องใส่ที่อยู่หน้าให้ถูก (เช่น
/profile,/promotions/*) ถ้ากรอกผิด ประกาศอาจไม่โผล่ในหน้าที่ตั้งใจ - ประกาศที่เลือก ผู้เยี่ยมชม จะไม่แสดงกับสมาชิกที่เข้าสู่ระบบแล้ว ถ้าต้องการให้ทั้งสองกลุ่มเห็นให้เลือก ทุกคน
- ผู้ที่มีแค่สิทธิ์ จัดการประกาศ เปิดหน้านี้ดูได้ แต่การแก้ไขทุกอย่างในหน้านี้ต้องมีสิทธิ์แก้ไขในหมวด ตั้งค่าเว็บไซต์ ถ้าไม่มี ปุ่มเพิ่ม แก้ไข และลบจะถูกซ่อนหรือกดไม่ได้