🔒 Admin Login
ป้อนรหัสผ่านเพื่อเข้าจัดการเนื้อหาทุกส่วนของเว็บไซต์
รหัสผ่านไม่ถูกต้อง
⚙ ADMIN — GOOD ART OPART
ระบบจัดการเนื้อหาเว็บไซต์ครบทุกส่วน
ข้อมูลทั่วไปของเว็บไซต์
🗺️ คู่มือหลังบ้าน — แต่ละแท็บควบคุมส่วนไหน?
• ทั่วไป → ชื่อเว็บ, วิ่งด้านล่าง (Ticker), กล่องตัวเลขสถิติ, Footer
• Hero → ส่วนหน้าแรก: หัวข้อใหญ่, คำอธิบาย, ปุ่ม 2 ปุ่ม, ป้ายบอกปีประสบการณ์
• หลักสูตร → การ์ดหลักสูตร (เพิ่ม/ลบ/แก้) + ภาพ Cover ด้านบนการ์ด + ไอคอน Emoji หรือ URL .png/.jpg
• นิทรรศการ → การ์ดนิทรรศการ + ใส่รูปได้สูงสุด 20 รูป กดดูแบบเลื่อนซ้าย-ขวาได้
• แกลอรี่ → รูปภาพผลงาน (ใส่ลิงค์ Google Drive / Imgur)
• YouTube → วางลิงก์เต็ม, ลิงก์ย่อ youtu.be หรือแค่ ID ก็ได้ — ระบบดึงรหัสให้เอง
• ครูบอล → ส่วนแนะนำครู: ชื่อ, Bio, Tags
• ติดต่อ/Social → เบอร์โทร, ที่อยู่, เวลาทำการ, ลิงค์ Social ทุกช่อง, Google Maps
• ธีมสี → เปลี่ยนสีทั้งเว็บได้ทันที
• ทั่วไป → ชื่อเว็บ, วิ่งด้านล่าง (Ticker), กล่องตัวเลขสถิติ, Footer
• Hero → ส่วนหน้าแรก: หัวข้อใหญ่, คำอธิบาย, ปุ่ม 2 ปุ่ม, ป้ายบอกปีประสบการณ์
• หลักสูตร → การ์ดหลักสูตร (เพิ่ม/ลบ/แก้) + ภาพ Cover ด้านบนการ์ด + ไอคอน Emoji หรือ URL .png/.jpg
• นิทรรศการ → การ์ดนิทรรศการ + ใส่รูปได้สูงสุด 20 รูป กดดูแบบเลื่อนซ้าย-ขวาได้
• แกลอรี่ → รูปภาพผลงาน (ใส่ลิงค์ Google Drive / Imgur)
• YouTube → วางลิงก์เต็ม, ลิงก์ย่อ youtu.be หรือแค่ ID ก็ได้ — ระบบดึงรหัสให้เอง
• ครูบอล → ส่วนแนะนำครู: ชื่อ, Bio, Tags
• ติดต่อ/Social → เบอร์โทร, ที่อยู่, เวลาทำการ, ลิงค์ Social ทุกช่อง, Google Maps
• ธีมสี → เปลี่ยนสีทั้งเว็บได้ทันที
กล่องสถิติ (แสดงใต้ Hero)
Hero Section — หน้าแรก
💡 ใช้ *คำ* (ดาวหน้าหลัง) เพื่อทำให้คำนั้นเอียงสีทอง เช่น: ศิลปะ คือ *ภาษา* ของทุกคน
ใช้ \n เพื่อขึ้นบรรทัดใหม่
ใช้ \n เพื่อขึ้นบรรทัดใหม่
วางลิงค์รูปภาพจาก Google Drive, Imgur หรือ Postimages — ถ้าไม่ใส่จะแสดงพื้นหลังสีม่วงเข้มพร้อม geometric art
หลักสูตร
นิทรรศการ
แกลอรี่ออนไลน์
🎨 ระบบใหม่: 1 บล็อก = หลายรูปได้ (สูงสุด 30 รูป/บล็อก)
แต่ละบล็อกคือชุดผลงาน 1 ชุด — แสดงรูปแรกเป็น thumbnail กดแล้วเลื่อนซ้าย-ขวาดูรูปที่เหลือได้
วิธีเพิ่มรูปฟรี:
1. Google Drive: อัปโหลด → แชร์ → ทุกคน → เปลี่ยน URL เป็น
2. Imgur.com: อัปโหลด → Direct Link (.jpg/.png)
3. Postimages.org: ไม่ต้องสมัคร → Direct link
แต่ละบล็อกคือชุดผลงาน 1 ชุด — แสดงรูปแรกเป็น thumbnail กดแล้วเลื่อนซ้าย-ขวาดูรูปที่เหลือได้
วิธีเพิ่มรูปฟรี:
1. Google Drive: อัปโหลด → แชร์ → ทุกคน → เปลี่ยน URL เป็น
uc?id=ID2. Imgur.com: อัปโหลด → Direct Link (.jpg/.png)
3. Postimages.org: ไม่ต้องสมัคร → Direct link
📦 เพิ่มรูปหลายรูปในบล็อกเดียว (สูงสุด 30 รูป/บล็อก)
วางลิงก์รูปทีละบรรทัด → ระบบจะรวมเป็น 1 บล็อก สามารถเลื่อนดูรูปซ้าย-ขวาได้
YouTube Videos
📺 วิธีใส่วิดีโอ YouTube:
✅ วางลิงก์เต็ม เช่น https://www.youtube.com/watch?v=dQw4w9WgXcQ
✅ วางลิงก์ย่อ เช่น https://youtu.be/dQw4w9WgXcQ
✅ หรือใส่เฉพาะ Video ID เช่น dQw4w9WgXcQ
ระบบจะดึงรหัสวิดีโอให้เองโดยอัตโนมัติ — ไม่เกิด Error แน่นอน!
✅ วางลิงก์เต็ม เช่น https://www.youtube.com/watch?v=dQw4w9WgXcQ
✅ วางลิงก์ย่อ เช่น https://youtu.be/dQw4w9WgXcQ
✅ หรือใส่เฉพาะ Video ID เช่น dQw4w9WgXcQ
ระบบจะดึงรหัสวิดีโอให้เองโดยอัตโนมัติ — ไม่เกิด Error แน่นอน!
ข้อมูลครูบอล (Featured Teacher)
ข่าวสาร & กิจกรรม
ข่าวสาร
กิจกรรมที่กำลังจะมา
ข้อมูลติดต่อ & Social Media
🔗 Social Media URLs
🗺️ วิธีได้ Google Maps URL:
ไปที่ Google Maps → ค้นหาสถานที่ → กด Share (แชร์) → Embed a map → คัดลอก URL ใน src="..." มาวางที่นี่
ไปที่ Google Maps → ค้นหาสถานที่ → กด Share (แชร์) → Embed a map → คัดลอก URL ใน src="..." มาวางที่นี่
ธีมสีของเว็บไซต์
🎨 วิธีใช้: พิมพ์รหัสสี HEX ลงในช่อง (เช่น
#FF5733) หรือคลิก 🎨 เพื่อเลือกสีจาก Color Picker — กดปุ่ม "ใช้งานสีนี้" เพื่อเห็นผลทันที แล้วกด 💾 บันทึกธีม เพื่อตั้งเป็นค่าหลัก
🖼️ สีพื้นหลังเว็บ
ส่วนหน้าเว็บ, ส่วนข่าว, หน้าหลัก
#
🖼️ สีพื้นหลัง (Section สลับ)
ส่วนนิทรรศการ, ติดต่อ, background สลับ
#
✏️ สีหัวข้อ / พื้นหลัง Dark
ตัวอักษรหลัก, Hero section, Footer, Stats bar
#
🔵 สีปุ่ม / Accent หลัก
ปุ่มหลัก, Ticker bar, ลิงค์ hover, Admin tabs
#
🟢 Accent เขียว
ตัวเลขสถิติ, Eyebrow, Tag, Ticker text, Hover
#
🩵 Accent มิ้นต์
Hover ปุ่ม, cursor hover, สีรอง
#
⚠️ ต้องกด "บันทึกธีมถาวร" เพื่อให้สีคงอยู่หลังรีโหลด — การกด "ใช้งานสีนี้" เป็นแค่ preview ชั่วคราว
🗑️ ล้างข้อมูลทั้งหมด (เนื้อหา + สี) กลับเป็นค่าเริ่มต้น
👁️ ตัวอย่างสีปัจจุบัน
พื้นหลัง
สลับ
หัวข้อ
ปุ่ม
เขียว
มิ้นต์