📝 จัดการเนื้อหาเว็บไซต์
จัดการหน้าแรก ประกาศ สไลด์โชว์ Hero และธีม/ฟอนต์ของหน้าบ้าน
เมนู "เนื้อหา" แยกเป็น 5 หน้าจัดการ — กดที่เมนู เนื้อหา ใน sidebar จะเห็นหน้า hub แสดง tile ทั้ง 5 หน้า
หน้าแรก — จัดลำดับ Widget
เมนู: เนื้อหา → หน้าแรก
หน้าแรกของเว็บประกอบด้วย Widget 6 ชิ้น ที่เลือกเปิด/ปิด และลากจัดลำดับได้:
| Widget | คำอธิบาย |
|---|---|
| แถบประกาศด้านบน | ประกาศที่ตั้งตำแหน่ง = top (แถบสีตามประเภท) |
| สไลด์โชว์ | แบนเนอร์เลื่อนอัตโนมัติ (รูป/วิดีโอ) |
| แบนเนอร์หลัก (Hero) | หัวเรื่องใหญ่ + คำบรรยาย + จุดเด่น |
| แบบฟอร์มค้นหาเที่ยวรถ | ค้นหา ต้นทาง-ปลายทาง-วันที่ |
| เส้นทางยอดนิยม | การ์ดเส้นทางยอดนิยม (สูงสุด 6) |
| ขั้นตอนการใช้งาน | กล่อง 3 ขั้น: ค้นหา · เลือกที่นั่ง · ชำระเงิน |
วิธีจัดการ
- เปิด/ปิด: กดสวิตช์ด้านขวาของแต่ละ widget — widget ที่ปิดจะจางลง
- จัดลำดับ: ลากที่จุดสัญลักษณ์ ⋮⋮ ด้านซ้ายเพื่อย้ายขึ้น-ลง
- บันทึก Layout → หน้าแรกจะเปลี่ยนตามทันที
- กด "ดูหน้าเว็บ" เพื่อ preview ใน tab ใหม่
เทคนิค: ปิด widget ที่ยังไม่มีข้อมูล (เช่น สไลด์โชว์ถ้ายังไม่อัปโหลดรูป) เพื่อให้หน้าแรกสะอาด — หรือเรียงให้ฟอร์มค้นหาอยู่บนสุดถ้าเน้นการจอง
ประกาศ
เมนู: เนื้อหา → ประกาศ — ใช้ประกาศข่าวสาร โปรโมชั่น แจ้งเตือนให้ผู้เยี่ยมชมเห็น
เพิ่มประกาศใหม่ (Modal)
- กด "+ เพิ่มประกาศ" → modal เปิดขึ้น
- กรอกข้อมูล:
- หัวข้อ * — ข้อความเด่นที่จะแสดง
- เนื้อหา — รายละเอียดเพิ่ม
- ประเภท — สีของ alert: info / primary / success / warning / danger
- ตำแหน่ง:
- top — แถบบนสุดของหน้าแรก (widget "แถบประกาศด้านบน")
- hero — chip ในแบนเนอร์หลัก (โปร่งแสง)
- footer — ในส่วน footer
- popup — popup กลางหน้าจอ
- ไอคอน — ชื่อ Flaticon เช่น
megaphone,gift,info - ข้อความปุ่ม + ลิงก์ — ถ้าต้องการให้คลิกได้
- เริ่มแสดง / หยุดแสดง — Thai datetime picker (พ.ศ. + เวลา)
- ลำดับ — ตัวเลขน้อย = แสดงก่อน
- เปิดใช้งาน ✓
- บันทึก → ประกาศโผล่หน้าแรกทันที
เปิด/ปิด/ลบ ประกาศ
- คลิก badge สถานะ (เขียว/เทา) → toggle เปิด/ปิด
- คลิก ✏️ ปุ่มสีน้ำเงิน → modal เปิดมาแก้ไข
- คลิก 🗑️ ปุ่มสีแดง → ลบ
ตั้งช่วงเวลา: เช่นโปรโมชั่นเริ่ม 1–30 มิ.ย. — กรอก start_at และ end_at ระบบจะแสดงเฉพาะในช่วงนั้นอัตโนมัติ
สไลด์โชว์
เมนู: เนื้อหา → สไลด์โชว์ — อัปโหลดรูปหรือวิดีโอแบนเนอร์เลื่อนอัตโนมัติบนหน้าแรก
ตั้งค่าสไลด์โชว์ (ด้านบน)
- แสดง Slideshow — เปิด/ปิดทั้งระบบ
- ความเร็วเลื่อน — มิลลิวินาที (เช่น 5000 = 5 วินาที)
- ความสูง — พิกเซล (200–800)
เพิ่ม Slide ใหม่
- กด "+ เพิ่ม Slide" → modal เปิดขึ้น
- อัปโหลดไฟล์ — คลิกหรือลากไฟล์มาวาง (มี preview ทันที):
- รูป: PNG, JPG, WEBP, GIF (≤ 5 MB)
- วิดีโอ: MP4, WebM, MOV (≤ 50 MB)
- กรอกข้อมูล (ไม่บังคับ): หัวข้อ, คำอธิบาย, ปุ่ม CTA + ลิงก์, ลำดับ, ช่วงเวลาแสดง
- บันทึก → slide แสดงบนหน้าแรก
จัดการ Slide
- การ์ดแต่ละ slide มี preview (วิดีโอเล่นเมื่อ hover)
- ปุ่ม แก้ไข / เปิด-ปิด / ลบ
- การลบจะลบไฟล์จริงในดิสก์ด้วย
วิดีโอ: ควรบีบอัดไฟล์ให้เล็ก (≤ 10 MB) ก่อนอัปโหลดเพื่อให้หน้าเว็บโหลดเร็ว — วิดีโอจะเล่นแบบ autoplay + muted + loop
ส่วนหัว (Hero)
เมนู: เนื้อหา → ส่วนหัว (Hero) — แบนเนอร์หลักบนหน้าแรก (gradient indigo→purple→pink)
| ฟิลด์ | คำอธิบาย |
|---|---|
| แสดงแบนเนอร์ Hero | ปิดเพื่อซ่อน (หรือใช้ widget layout ปิดก็ได้) |
| หัวเรื่อง | ข้อความใหญ่บน hero |
| คำอธิบาย | ข้อความรองใต้หัวเรื่อง |
| คุณสมบัติเด่น | คั่นด้วย · (จุดกลาง) — แสดงเป็น chip ใน hero และส่วน "ขั้นตอนการใช้งาน" |
รูปแบบหน้าบ้าน
เมนู: เนื้อหา → รูปแบบหน้าบ้าน — กำหนดสีธีมและฟอนต์เริ่มต้นของหน้าบ้าน
สีธีมเริ่มต้น (8 สี)
Deep Indigo (default) · Sunset Orange · Cherry Rose · Teal Wave · Pastel Blush · Pastel Lavender · Silver Mist · Pastel Sky
ฟอนต์เริ่มต้น (16 ฟอนต์ไทย)
โหลดจาก Google Fonts อัตโนมัติ
หมายเหตุ: นี่เป็นแค่ ค่า default — ผู้เยี่ยมชมยังเปลี่ยนได้เอง และ cookie ของแต่ละคนมี priority สูงกว่า ดู หน้า Appearance