สั่งซื้อเทมเพลตคลิปวิดีโอนี้เป็น EP.7 ของซีรีส์สอน Page Builder CK (2021) ซึ่งจะมาแนะนำเครื่องมือที่ใช้จัดการเนื้อหาประเภทข้อความและแท็บขวาง คือ Horizontal Tabs และ Text ครับ [00:11]
สรุปฟังก์ชันการใช้งานจากคลิปได้ดังนี้:
1. Horizontal Tabs (แท็บเนื้อหาแนวนอน) [00:45]
- หน้าที่: ใช้แบ่งเนื้อหาออกเป็นส่วนๆ โดยใช้แถบเมนูแนวนอนด้านบนเพื่อสลับดูข้อมูล ช่วยประหยัดพื้นที่หน้าเว็บ คล้ายกับ Accordion แต่แสดงผลเป็นแนวนอนแทน [00:50]
- การตั้งค่า:
- Edition: ใช้เพิ่มจำนวนแท็บและตั้งชื่อหัวข้อในแต่ละแท็บได้ตามต้องการ [01:20]
- Icon: สามารถใส่ไอคอนประกอบหน้าหัวข้อแท็บแต่ละอันเพื่อความสวยงาม [02:02]
- Heading Style: ปรับแต่งสีพื้นหลัง สีตัวอักษร และฟอนต์ (เช่น ฟอนต์ Kanit) ของแถบหัวข้อ [02:34]
- Active Heading: กำหนดสีพิเศษสำหรับแท็บที่กำลังถูกเลือกดูอยู่ (เช่น ตั้งเป็นสีแดง) เพื่อให้ผู้ใช้ทราบว่ากำลังดูเนื้อหาส่วนไหน [03:09]
- Content Style: ปรับแต่งรูปแบบของพื้นที่แสดงเนื้อหาด้านล่าง เช่น การใส่เส้นขอบ (Border) และการทำมุมโค้ง (Border Radius) เพื่อให้ดูทันสมัย [03:30]
2. Text (เครื่องมือใส่ข้อความหลัก) [04:58]
- หน้าที่: เป็นเครื่องมือพื้นฐานและสำคัญที่สุดในการนำข้อมูลตัวอักษรลงเว็บไซต์ [05:00]
- การใช้งาน:
- เมื่อลากมาวางแล้วกด Edit จะเข้าสู่หน้าจอ Editor (เช่น JCE Editor) ซึ่งสามารถพิมพ์ข้อความ จัดรูปแบบตัวหนา ตัวเอียง หรือใส่ลิ้งก์ได้เหมือนโปรแกรมพิมพ์งานทั่วไป [05:13]
- Style: สามารถปรับระยะห่าง (Margin/Padding) ของกลุ่มข้อความได้ทั้งแบบหน่วยพิกเซล (px) หรือเปอร์เซ็นต์ (%) เพื่อให้เหมาะสมกับขนาดหน้าจอ [05:40]
ผู้สอนเน้นย้ำว่า หากเราเข้าใจการตั้งค่า Style ในเครื่องมือตัวหนึ่งแล้ว จะสามารถประยุกต์ใช้กับเครื่องมือตัวอื่นๆ ได้ทันที เพราะระบบการตั้งค่า (Properties) ของทุก Element นั้นใช้รูปแบบเดียวกันครับ [06:12]
