สั่งซื้อเทมเพลตคลิปวิดีโอนี้เป็น EP.16 ของซีรีส์สอน Page Builder CK (2022) ซึ่งแนะนำเทคนิคการใช้งาน Row in Row (หรือการวางแถวซ้อนในแถว) เพื่อช่วยให้การจัดวางเนื้อหามีความละเอียดและซับซ้อนได้มากขึ้นครับ [00:39]
สรุปเนื้อหาและขั้นตอนการใช้งานจากคลิปได้ดังนี้:
1. Row in Row คืออะไร? [00:45]
- โดยปกติ Page Builder CK จะไม่ให้เราลาก Row มาวางซ้อนใน Row เดิมที่มีอยู่แล้ว [01:00]
- Row in Row คือการเปิดฟีเจอร์พิเศษที่ทำให้เราสามารถแบ่งพื้นที่ย่อยๆ ภายในคอลัมน์เดิมได้อีกที เช่น ใน 1 คอลัมน์ใหญ่อาจจะอยากแบ่งเป็น 2 แถวเล็ก หรือแบ่งซ้ายขวาเพิ่มเฉพาะจุดนั้น [01:10]
2. วิธีการเปิดใช้งาน (สำคัญมาก) [02:26]
เนื่องจากฟีเจอร์นี้ไม่ได้เปิดมาให้แต่แรก ต้องไปตั้งค่าก่อนดังนี้:
- ไปที่เมนู Components > Page Builder CK > Page Library [02:34]
- คลิกปุ่ม Options มุมขวาบน [02:39]
- ในแท็บ General Options ให้หาหัวข้อ "Enable Nested Rows" และปรับเป็น Yes [02:46]
- กด Save & Close [03:00]
3. การใช้งานในหน้าออกแบบ [03:12]
- เมื่อเปิดใช้งานแล้ว จะมี Element ใหม่เพิ่มขึ้นมาชื่อว่า "Row in Row" [03:22]
- คุณสามารถลาก Row in Row นี้ไปวางลงในคอลัมน์ใดก็ได้ที่มีอยู่แล้ว [03:37]
- จากนั้นคุณสามารถแบ่งคอลัมน์ภายใน Row in Row นั้นได้อีก (Nested Columns) เช่น แบ่งเป็น 2-3 ช่องย่อยเพื่อใส่รูปภาพหรือข้อความที่มีขนาดต่างกัน [03:57]
4. ข้อควรระวัง [04:35]
- ความซับซ้อน: ผู้สอนแนะนำว่าไม่ควรซ้อนแถวกันหลายชั้นจนเกินไป เพราะจะทำให้พื้นที่เล็กลงเรื่อยๆ และการคลิกเพื่อแก้ไข (Properties) จะทำได้ยากขึ้นเนื่องจากปุ่มต่างๆ อาจจะทับซ้อนกัน [04:44]
- การประยุกต์ใช้: เหมาะสำหรับการสร้าง Gallery เล็กๆ ข้างข้อความ หรือการจัดวางวิดีโอคู่กับเนื้อหาย่อยๆ ในพื้นที่จำกัด [05:44]
เทคนิคนี้จะช่วยให้คุณก้าวข้ามขีดจำกัดของการจัด Layout แบบเดิมๆ และสร้างหน้าเว็บไซต์ที่มีความหลากหลายได้มากขึ้นครับ [06:54]
