วิธีใช้งาน element ภาพเลื่อน (Carousel)

ในบทความนี้ คุณจะได้เรียนรู้วิธีการใช้งาน element ภาพเลื่อน (Carousel)

1. การเพิ่ม element ภาพเลื่อน (Carousel)

ในหน้าตัวแก้ไข ให้ลาก element Carousel จากแผงควบคุมด้านซ้ายแล้ววางลงบนหน้าเพจ

2. การกำหนดค่า element ภาพเลื่อน (Carousel)

วางเมาส์เหนือ element ภาพเลื่อน แล้วคลิกไอคอน การตั้งค่า เพื่อเปิดการตั้งค่าในแผงควบคุมด้านซ้าย

ในการตั้งค่า คุณสามารถ:

• เพิ่มสไลด์ใหม่
• เลือกวิธีจัดวางเนื้อหาในแนวตั้ง
• เลือกว่าจะแสดงลูกศรนำทางหรือไม่ และปรับแต่งสีของลูกศรพร้อมกับตัวควบคุม
• ปรับระยะขอบ (Margins) และการเว้นวรรคภายใน (Padding)

3. การเพิ่มเนื้อหาลงในสไลด์

คลิกพื้นที่ด้านนอกภาพเลื่อนเพื่อปิดการตั้งค่า จากนั้นลากและวาง element ที่คุณต้องการเพิ่ม (รูปภาพ, วิดีโอ, ข้อความ และอื่นๆ) หากต้องการเพิ่มหลาย element ในสไลด์เดียว ให้ใช้แถวและคอลัมน์เพื่อควบคุมเลย์เอาต์

หากต้องการแก้ไข element ให้คลิกที่นั่นเพื่อเปิดการตั้งค่า:

เมื่อคุณแก้ไข element ในสไลด์ปัจจุบันเสร็จแล้ว ให้คลิกปุ่ม Carousel ที่ด้านบนของแผงการตั้งค่าเพื่อกลับสู่เมนูหลัก

ตอนนี้ ให้เลือกสไลด์ถัดไปจากรายการเพื่อเริ่มแก้ไข