คลิปวิดีโอนี้เป็น EP.2 ของซีรีส์สอน Page Builder CK (2021) ซึ่งจะเจาะลึกฟังก์ชันและเครื่องมือหลักที่คุณต้องรู้เพื่อใช้ในการออกแบบหน้าเว็บไซต์ครับ [00:11]
สรุปฟังก์ชันสำคัญที่คลิปอธิบายไว้มีดังนี้:
1. องค์ประกอบหลัก (Elements) [02:07]
เครื่องมือในการสร้างเนื้อหาจะแบ่งตามหน้าที่ เช่น:
- Layout: สำหรับสร้าง Row (แถว) และแบ่ง Column (คอลัมน์) [07:22]
- Text: สำหรับใส่ข้อความ เมนู หรือกล่องข้อความ [02:35]
- Media: สำหรับใส่รูปภาพ (Image), เครื่องเล่นเสียง (Audio Player) หรือวิดีโอจาก YouTube โดยวางเพียง URL ก็ใช้งานได้ทันที [09:22]
- Module: สามารถดึงโมดูลอื่นๆ ที่มีอยู่ใน Joomla มาแสดงผลภายในหน้านี้ได้ [10:09]
2. ระบบแม่แบบ (Page Templates) [02:53]
- Save as Page: คุณสามารถบันทึกหน้าเนื้อหาที่ออกแบบไว้เป็นแม่แบบ (Template) [04:58]
- Load Page: เมื่อต้องการสร้างหน้าใหม่ที่มีโครงสร้างเหมือนเดิม (เช่น หน้าสินค้า) สามารถลากแม่แบบที่บันทึกไว้มาวางได้ทันทีโดยไม่ต้องจัดใหม่ [03:13]
3. การปรับแต่ง Responsive [03:33]
- สามารถกำหนดการแสดงผลตามขนาดหน้าจอต่างๆ (มือถือ, แท็บเล็ต, คอมพิวเตอร์) ได้ เช่น การเลือกซ่อนบางส่วน หรือเปลี่ยนการเรียงตัวของคอลัมน์ให้เหมาะสมกับอุปกรณ์ [03:50]
4. สีสัญลักษณ์ในการแก้ไข (Editing Colors) [08:41]
เพื่อให้แก้ไขได้ถูกจุด ให้สังเกตแถบสี:
- สีน้ำเงิน (3 จุด): การจัดการ Row (แถว) [08:53]
- สีเขียว: การจัดการ Column (คอลัมน์) [08:57]
- สีส้ม: การจัดการ Element (ชิ้นส่วนเนื้อหา) [09:02]
5. ข้อแนะนำเพิ่มเติม [07:53]
- การใช้ Row: ไม่ควรสร้าง Row มากเกินไป (แนะนำไม่ควรเกิน 10 Row ต่อหนึ่งหน้า) เพื่อป้องกันระบบรวนหรือข้อมูลหายขณะบันทึก [08:10]
- Active Content: เครื่องมือนี้เป็นแบบ WYSIWYG คือสิ่งที่คุณทำในหน้าแก้ไขจะเห็นผลลัพธ์เหมือนหน้าเว็บจริงทันที [06:57]
คลิปนี้ช่วยให้เห็นภาพรวมของเครื่องมือทั้งหมดก่อนที่จะเริ่มลงมือสร้างเนื้อหาในแต่ละส่วนในตอนต่อๆ ไปครับ [11:42]




