OPTION AUDIO — คู่มือใช้งานเว็บไซต์
==================================

เว็บไซต์นี้ออกแบบสำหรับธุรกิจเช่าและติดตั้งระบบเสียง แสง เวที และโครงสร้าง
ใช้ HTML, CSS และ JavaScript แบบไม่ต้อง build และไม่ต้องติดตั้งฐานข้อมูล
เว็บไซต์แสดงผลงานจริง DAKLAO MUSIC FESTIVAL #1 (Full Production) และ Agential Cannabis 2026 (Conference Sound & Light)
ภาพเปิดเว็บ ภาพบริการ และภาพแนะนำบริษัทใช้ภาพจริงจาก DAKLAO ทั้งหมด
ตรวจสอบข้อมูลและเพิ่มผลงานจริงอื่น ๆ ได้จากหน้าจัดการเนื้อหา

1. เริ่มใช้งาน
เปิดหน้าเว็บไซต์จากลิงก์ที่ได้รับ หรือจากโดเมนของคุณเมื่ออัปโหลดขึ้นโฮสต์แล้ว
กด “จัดการเนื้อหา” ท้ายหน้าเว็บ หรือเปิด /studio.html
อย่าเปิดไฟล์ HTML ด้วยการดับเบิลคลิกแบบ file:// เพราะโมดูล JavaScript และการส่งออก ZIP ต้องทำงานผ่าน HTTP/HTTPS

2. เพิ่มผลงาน
ไปที่เมนู “ผลงาน” แล้วกด “เพิ่มผลงาน”
กรอกชื่อ หมวดหมู่ วันจัดงาน สถานที่ รายละเอียด และบริการที่ใช้
เลือกภาพหน้าปกและภาพเพิ่มเติมได้สูงสุด 20 รูป
รองรับ JPG / PNG / WEBP ขนาดไม่เกิน 20 MB ต่อรูป รูปที่เพิ่มจะถูกย่อและแปลงเป็น JPEG สำหรับใช้บนเว็บ
รูปจะถูกเก็บในฉบับร่าง และฝังอยู่ในไฟล์ content.js เมื่อส่งออก
หากรายการนั้นใช้ภาพจำลอง ให้ทำเครื่องหมาย “ภาพตัวอย่าง / ภาพจำลอง”
กด “บันทึกฉบับร่าง” และใช้ปุ่มลูกศรจัดลำดับผลงาน

3. เพิ่มทีมงาน
ไปที่ “ทีมงาน” แล้วกด “เพิ่มสมาชิก”
กรอกชื่อ หน้าที่ ประวัติย่อ และรูปสมาชิก
เมื่อมีสมาชิก ส่วนทีมงานจะเปลี่ยนจากบทบาทการทำงานเป็นการ์ดสมาชิกอัตโนมัติ
ไม่มีการใส่ประวัติหรือชื่อบุคคลสมมติไว้ล่วงหน้า

4. แก้ข้อมูลเว็บไซต์
เมนู “ข้อมูลเว็บไซต์” แก้เบอร์โทร อีเมล จังหวัด LINE Facebook ภาพและข้อความเปิดหน้าเว็บ และคำถามที่พบบ่อย
ลิงก์ LINE / Facebook ต้องขึ้นต้นด้วย https:// และเว้นว่างได้เพื่อซ่อนปุ่มนั้น
ข้อมูลติดต่อเริ่มต้นใช้เบอร์ 0629429246 และ optionaudio.pro@gmail.com จากรายละเอียดที่เจ้าของเคยให้
โปรดตรวจข้อมูลติดต่อให้ถูกต้องก่อนใช้งานจริง

5. ฉบับร่างและการสำรองข้อมูล
การบันทึกใน Studio จะเก็บใน IndexedDB ของเบราว์เซอร์และโดเมนนี้เท่านั้น
ไม่ซิงก์ข้ามเครื่อง และการล้างข้อมูลเบราว์เซอร์อาจลบฉบับร่าง
กด “ดูฉบับร่าง” เพื่อดูข้อมูลที่แก้ หน้าเว็บปกติจะแสดงข้อมูลที่เผยแพร่อยู่
สำรอง JSON เป็นระยะ และก่อนเปลี่ยนเบราว์เซอร์ โดเมน หรืออุปกรณ์
นำไฟล์ JSON เข้า Studio บนเครื่องใหม่เพื่อทำงานต่อ
ฉบับร่างทั้งหมดอาจใช้พื้นที่มากเมื่อมีภาพจำนวนมาก เบราว์เซอร์อาจปฏิเสธการบันทึกเมื่อพื้นที่เต็ม

6. ย้ายไปโฮสต์ของคุณ
ไปที่ “ส่งออก / สำรองข้อมูล” แล้วกด “ดาวน์โหลดเว็บไซต์ ZIP”
แตกไฟล์ option-audio-website.zip
อัปโหลดไฟล์และโฟลเดอร์ทั้งหมดภายในไปยังโฟลเดอร์เว็บของโฮสต์ เช่น public_html
index.html ต้องอยู่ในโฟลเดอร์รากของเว็บไซต์หรือโฟลเดอร์ย่อยที่ต้องการเปิด
ใช้ HTTPS บนโดเมนจริง
ไม่จำเป็นต้องติดตั้ง Node.js หรือฐานข้อมูลเพื่อให้เว็บไซต์ทำงาน
Google Fonts เป็นฟอนต์เสริมจากภายนอก หากโหลดไม่ได้ ระบบจะใช้ฟอนต์ sans-serif ของอุปกรณ์

7. การอัปเดตหลังมีโฮสต์
เปิด /studio.html บนโดเมนของคุณ เพิ่มหรือแก้เนื้อหาแล้วบันทึกฉบับร่าง
ดาวน์โหลด ZIP ชุดใหม่และอัปโหลดทับไฟล์บนโฮสต์
หากใช้รูปที่อัปโหลดผ่าน Studio และแก้เฉพาะข้อมูล สามารถอัปโหลดเฉพาะ content.js จาก ZIP ชุดใหม่ได้
การบันทึกใน Studio เพียงอย่างเดียวจะไม่เปลี่ยนไฟล์บนโฮสต์
หน้า Studio ไม่มีสิทธิ์เขียนเซิร์ฟเวอร์ ผู้เข้าชมที่เปิดหน้านี้จะเปลี่ยนได้เฉพาะฉบับร่างของตนเอง
Studio ไม่ใช่ระบบแอดมินที่มีล็อกอิน หากไม่ต้องการให้คนทั่วไปเห็นลิงก์ สามารถนำลิงก์ท้ายหน้าออก หรือใช้การป้องกันโฟลเดอร์จากผู้ให้บริการโฮสต์

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

9. การต่อยอด
โครงสร้างไฟล์แยกเนื้อหาออกจากหน้าตา เพื่อให้ต่อยอดได้
- content.js: ผลงาน ทีมงาน ข้อมูลติดต่อ และคำถามที่พบบ่อย
- index.html / styles.css / app.js: หน้าเว็บไซต์และการใช้งาน
- studio.html / studio.css / studio.js: เครื่องมือจัดการเนื้อหา
- shared.js: ตรวจข้อมูลและบันทึกฉบับร่าง
- zip.js: สร้างไฟล์ ZIP ในเบราว์เซอร์
- assets/: โลโก้และภาพประกอบ
หากต้องการหลายผู้ดูแล ระบบล็อกอิน ข้อมูลบนเซิร์ฟเวอร์ หรือฟอร์มส่งอีเมลอัตโนมัติ ต้องเพิ่มระบบหลังบ้านเมื่อเลือกโฮสต์แล้ว

ข้อควรทราบ
ผลงาน Agential Cannabis 2026 เป็นรายการจริงตามขอบเขตที่เจ้าของแจ้ง: Conference Sound & Light เท่านั้น ภาพจากเว็บไซต์ผู้จัดงาน เพิ่มผลงาน DAKLAO MUSIC FESTIVAL #1 พร้อมรูปจริง 11 ภาพ และนำรายการผลงานจำลองออกจากหน้าเว็บแล้ว
บริการและขั้นตอนทำงานเป็นข้อความเสนอสำหรับตรวจทานและปรับให้ตรงการทำงานจริงของธุรกิจ
ไฟล์ ZIP รวมภาพและโค้ดที่จำเป็นครบ ไม่ผูกกับแพลตฟอร์มโฮสต์เฉพาะราย

อัปเดต DAKLAO: รูปในแกลเลอรีกดเปิดดูภาพเต็มได้ โดยรักษาสัดส่วนภาพเดิม
หากเคยบันทึกฉบับร่างไว้ก่อนอัปเดต หน้า Studio อาจยังแสดงข้อมูลเดิม ให้สำรอง JSON ก่อน แล้วใช้ “แทนที่ฉบับร่างด้วยข้อมูลที่เผยแพร่อยู่” เพื่อโหลดเวอร์ชันล่าสุด อย่าทำขั้นตอนนี้ก่อนสำรองงานที่ยังไม่เผยแพร่
ไฟล์ภาพจำลองเก่ายังคงอยู่เพื่อรองรับข้อมูลสำรองรุ่นก่อน แต่ไม่ได้แสดงในเว็บไซต์เวอร์ชันปัจจุบัน