สั่งซื้อเทมเพลตคลิปวิดีโอนี้คือ EP.20 แนะนำ Content แบบ Page Builder CK ซึ่งสอนการสร้างเนื้อหาใน Joomla 4 โดยใช้ตัวช่วยปรับแต่งหน้าเว็บ (Page Builder) เพื่อให้เว็บไซต์มีความสวยงามและจัดวางองค์ประกอบได้หลากหลายกว่าการพิมพ์แบบปกติครับ [00:00:21]
สรุปประเด็นสำคัญของ Content แบบ Page Builder CK:
1. ทำไมต้องใช้ Page Builder CK? [00:01:10]
- ช่วยให้การจัดรูปแบบ (Layout) ทำได้ยืดหยุ่นกว่า เช่น การแบ่งคอลัมน์, การใส่ลูกเล่น (Object) ต่างๆ ที่ Editor ปกติทำไม่ได้
- เหมาะสำหรับหน้า Landing Page หรือหน้าที่ต้องการการนำเสนอข้อมูลที่โดดเด่นเป็นพิเศษ [00:02:23]
2. วิธีการใช้งาน [00:03:43]
- เมื่อคุณสร้าง Article ใหม่ จะมีปุ่ม "Switch to Page Builder CK" ให้กดเพื่อเข้าสู่โหมดปรับแต่ง
- ข้อควรระวัง: หากตัดสินใจใช้ Page Builder แล้ว และทำการบันทึก (Save) คุณจะไม่สามารถสลับกลับไปใช้ Editor ปกติได้ เพราะรูปแบบข้อมูลจะเปลี่ยนไป [00:04:10]
3. การสร้างเส้นคั่น "Read More" [00:07:15]
- ห้ามใส่เส้น Read More ไว้ในกล่องข้อความ: หากใช้ Page Builder ห้ามกดปุ่ม Read More ในตัว Editor ของมัน [00:07:47]
- วิธีที่ถูกต้อง: ให้ลากส่วนประกอบ (Object) ที่ชื่อว่า Read More จากเมนูด้านข้างมาวางไว้ "ระหว่างกล่อง (Row)" ของเนื้อหา Intro และเนื้อหา Full [00:08:04]
4. ข้อจำกัดและสิ่งที่ต้องระวัง [00:10:10]
- ปัญหาเรื่องการแสดงผล: หากคุณใช้ Page Builder สร้างข่าว แล้วดึงข่าวนั้นไปแสดงที่หน้าแรกผ่าน "โมดูล (Module)" อาจจะเห็นโค้ดแปลกๆ ปนออกมากับเนื้อหาเกริ่นนำ (Intro Text) [00:09:47]
- วิธีแก้: หากเกิดปัญหาโค้ดโชว์ ให้ตั้งค่าที่ตัวโมดูลเพื่อ "ปิดการแสดงผล Intro Text" ให้โชว์เฉพาะหัวข้อและรูปภาพแทน เพื่อความสวยงาม [00:10:58]
5. คำแนะนำในการเลือกใช้ [00:12:08]
- ใช้กับ Single Article: จะสะดวกที่สุด เพราะดึงไปแสดงทั้งหน้า ไม่ต้องกังวลเรื่องเส้นคั่นหรือการแสดงผลย่อที่หน้าแรก
- ใช้กับ Category Blog: ต้องระวังเรื่องการดึงข้อมูลไปโชว์ในโมดูลตามที่กล่าวข้างต้นครับ [00:11:18]
สรุป: Page Builder CK เป็นเครื่องมือที่ทรงพลังในการจัดหน้าเว็บให้สวยงาม แต่ต้องเข้าใจวิธีการวางเส้น Read More และการตั้งค่าโมดูลหน้าแรกเพื่อไม่ให้โค้ดหลุดออกมาโชว์ครับ [00:12:17]
