สั่งซื้อเทมเพลตคลิปวิดีโอนี้เป็น EP.4 ของซีรีส์สอน Page Builder CK (2021) ซึ่งจะมาแนะนำเครื่องมือเสริม 2 ตัวสำคัญในหมวด Layout คือ Readmore และ Accordion เพื่อช่วยจัดระเบียบเนื้อหาบนหน้าเว็บครับ [00:11]
สรุปรายละเอียดของแต่ละเครื่องมือได้ดังนี้:
1. Readmore (เส้นแบ่งอ่านต่อ) [00:51]
- หน้าที่: ใช้แบ่งเนื้อหาออกเป็น 2 ส่วน คือ Intro Article (ส่วนเกริ่นนำ) และ Full Article (เนื้อหาฉบับเต็ม) [01:24]
- การใช้งาน:
- ลากเครื่องมือ Readmore มาวางคั่นระหว่าง Row (แถว) ที่ต้องการ [02:18]
- เนื้อหาที่อยู่เหนือเส้น Readmore จะแสดงในหน้าแรกหรือหน้า Category Blog ส่วนเนื้อหาใต้เส้นจะแสดงเมื่อผู้ใช้คลิกเข้าไปดูรายละเอียดเต็มๆ [01:45]
- ข้อควรระวัง: 1 หน้า Content สามารถใส่เส้น Readmore ได้เพียง 1 เส้น เท่านั้น [10:16]
2. Accordion (แถบเนื้อหาพับเก็บได้) [04:27]
- หน้าที่: จัดการเนื้อหาให้อยู่ในรูปแถบแนวตั้งที่สามารถคลิกเปิด-ปิดเพื่อดูรายละเอียดได้ เหมาะสำหรับทำหน้า FAQ (ถาม-ตอบ) หรือหัวข้อที่มีเนื้อหาย่อยจำนวนมาก [05:24]
- การตั้งค่า (Edit Item): [04:58]
- Edition: ตั้งชื่อหัวข้อ (เช่น คำถามที่ 1) และเลือกใส่ไอคอนหน้าหัวข้อได้ [05:08]
- Heading Style: ปรับแต่งสีพื้นหลังและสีตัวอักษรของแถบหัวข้อ [07:02]
- Active Heading: กำหนดสีพิเศษสำหรับแถบที่กำลังถูกคลิกเปิดใช้งานอยู่ เพื่อให้ผู้ใช้สังเกตได้ง่าย [07:48]
- Content Style: ปรับแต่งสีพื้นหลังและรูปแบบของเนื้อหาที่ซ่อนอยู่ภายในแถบ [08:45]
- Icon Style: กำหนดระยะห่างและขนาดของไอคอนที่หน้าหัวข้อ [09:18]
การใช้เครื่องมือทั้งสองนี้จะช่วยให้หน้าเว็บไซต์ดูสะอาดตา ไม่ยาวจนเกินไป และช่วยให้ผู้ใช้งานเข้าถึงข้อมูลที่ต้องการได้รวดเร็วขึ้นครับ [11:07]
