การใช้งานเว็บไซต์
วิธีแก้ไขเนื้อหาเว็บไซต์ | Maad Dev
เรียนรู้วิธีแก้ไขข้อความ รูปภาพ และเนื้อหาบนเว็บไซต์ Maad Dev ได้ง่าย เห็นผลทันที ไม่ต้องเขียนโค้ด
แก้ไขเนื้อหาอย่างไร
หนึ่งในจุดเด่นของ Maad Dev คือการแก้ไขเนื้อหาที่ ง่าย รวดเร็ว และปลอดภัย
คุณสามารถแก้ไขอะไรได้บ้าง
- ข้อความบนหน้าเว็บไซต์
- หัวข้อ (Title)
- คำอธิบาย (Description)
- รูปภาพและสื่อ
- เนื้อหาบทความ
เข้าใช้งานระบบแก้ไข (Nuxt Studio)
| สภาพแวดล้อม | วิธีเข้า |
|---|---|
| เว็บไซต์จริง | เปิด https://โดเมนของคุณ/_studio แล้วล็อกอินด้วยบัญชี GitHub ของคุณ |
| ระหว่างพัฒนา (สำหรับทีมงาน) | รันเว็บไซต์ในเครื่อง แผง Studio จะฝังมาให้อัตโนมัติ |
ในระบบมี 2 แท็บหลัก: Content (แก้ข้อความ/ข้อมูล) และ Media (อัปโหลด/จัดการรูปภาพ)
วิธีการแก้ไขเนื้อหา
- เปิดระบบแก้ไข (Studio) ตามตารางด้านบน
- แก้ไขเนื้อหาที่ต้องการ — ระบบจะเก็บเป็น ฉบับร่าง (Draft) ไว้ก่อน ยังไม่ขึ้นเว็บจริง
- ดูตัวอย่าง (Preview) ได้ทันทีในหน้าจอเดียวกัน
- กด Publish เพื่อบันทึกจริง
- รอเว็บไซต์สร้างใหม่ (build) ประมาณ 2–5 นาที แล้วรีเฟรชหน้าเว็บเพื่อดูผลลัพธ์
เหตุผลที่ต้องรอ: เว็บไซต์ของคุณเป็นแบบ Static (สร้างไฟล์ไว้ล่วงหน้าทั้งหมด) ทำให้โหลดเร็วมาก แต่ทุกครั้งที่แก้ไขระบบต้อง "สร้างเว็บใหม่" ก่อนถึงจะเห็นผลจริง
ดูวิดีโอประกอบการใช้งาน
เกร็ดเรื่องรูปภาพก่อนอัปโหลด
- แปลงไฟล์เป็น .webp ก่อนอัปโหลดเสมอ (ไฟล์เล็กกว่า .jpg/.png มาก แต่คุณภาพใกล้เคียง) ใช้เว็บฟรีอย่าง squoosh.app แปลงได้ง่าย ๆ
- ยังไม่มีรูปของธุรกิจเอง? หารูปฟรีคุณภาพดีได้จาก Unsplash, Pexels, Pixabay (ส่วนใหญ่ไม่ต้องใส่เครดิต)
- Crop/resize รูปให้ใกล้เคียงอัตราส่วนที่ต้องใช้จริงก่อนอัปโหลด — เว็บไซต์ของคุณจะมีคู่มือเฉพาะระบุขนาดรูปแนะนำในแต่ละจุดไว้ให้แล้ว
ปัญหาที่พบบ่อย
| อาการ | สาเหตุ / วิธีแก้ |
|---|---|
| แก้ไขแล้วแต่เว็บจริงยังไม่เปลี่ยน | ยังไม่ได้กด Publish หรือ build ยังไม่เสร็จ — รอ 2–5 นาทีแล้วรีเฟรช (ลอง Ctrl+Shift+R) |
| หน้าใหม่หรือบทความใหม่ขึ้น 404 | ต้องรอ build รอบใหม่เสร็จก่อน (เว็บเป็น static ต้องสร้างหน้าใหม่ตอน build) |
| รูปไม่แสดงบนเว็บ | ตรวจสอบว่าอัปโหลดรูปและกด Publish เรียบร้อยแล้ว |
ข้อดีของการแก้ไขแบบนี้
- ไม่ต้องเข้าสู่ระบบหลังบ้านซับซ้อน
- ลดความเสี่ยงด้านความปลอดภัย
- การแสดงตัวอย่างแบบเรียลไทม์
การแก้ไขเว็บไซต์ควรเป็นเรื่องง่าย ไม่ใช่เรื่องน่ากลัว