การ์ดกริด (Grid)
แสดงข้อมูลในรูปแบบ การ์ด (Card) ที่จัดเรียงอย่างเป็นระเบียบ ช่วยให้ผู้ใช้งานสามารถมองเห็นรายการทั้งหมดได้ภายในหน้าเดียว พร้อมเลือกเข้าถึงข้อมูลหรือฟังก์ชันที่ต้องการได้อย่างรวดเร็ว เหมาะสำหรับการแสดงโมดูลระบบ บริการ ข่าวสาร ผลงาน หรือรายการข้อมูลที่มีหลายรายการ
ตัวอย่างการนำไปใช้งาน
- ข่าวสารและบทความ
- แคตตาล็อกสินค้า
- ผลงาน (Portfolio)
- บริการขององค์กร
- ระบบฐานข้อมูลและคลังความรู้
การ์ดสไลด์ (Carousel)
แสดงข้อมูลในรูปแบบ สไลด์แนวนอน (Carousel) ที่ผู้ใช้งานสามารถเลื่อนดูรายการได้ทีละชุด ช่วยนำเสนอเนื้อหาจำนวนมากโดยไม่ใช้พื้นที่บนหน้าจอมากเกินไป เหมาะสำหรับการแสดงข้อมูลที่ต้องการเน้นความโดดเด่นหรือจัดลำดับความสำคัญของเนื้อหา
ตัวอย่างการนำไปใช้งาน
- แบนเนอร์ประชาสัมพันธ์
- ข่าวเด่นและข่าวล่าสุด
- บริการขององค์กร
- ผลงาน (Portfolio)
- สินค้าแนะนำ
- โปรโมชั่น
- กิจกรรมและปฏิทินงาน
- โลโก้ลูกค้าหรือพันธมิตร
-
รีวิวจากผู้ใช้งาน (Testimonials)
- หัวข้อ : ตั้งชื่อเพื่อสะดวกในการจัดการข้อมูล
- หมวดหมู่ : เลือกหมวดหมู่สำหรับโพสที่สร้างไว้
- จำนวนที่แสดง : กำหนดจำนวนที่จะให้แสดงผล กรณีที่มีข้อมูลเยอะ
- คอลัมน์ : กำหนดการแบ่งคอลัมน์ในการแสดงผล
- ลิงค์ไปยังเพจ : กำหนดลิงค์ที่จะให้แสดงรายละเอียดของเรื่องนั้น ๆ โดยหน้าที่ลิงค์ไปจะต้องมีโมดูล "โพสวิว" ไว้รับค่าและแสดงรายละเอียดของโพส
ถ้ากำหนดเป็นค่าเริ่มต้น ลิงค์จะเป็น /post-{id ของโพส} ซึ่งจะเป็นหน้าแสดงรายละเอียด (หน้า Default) ของระบบ - การเรียงลำดับ : ข้อมูล เลือกว่าจะให้เรียงข้อมูลจากหัวข้ออะไร เช่น หัวข้อเรื่อง, วันที่สร้าง หรือ วันที่อัพเดท เป็นต้น
- การเรียงลำดับ : รูปแบบ การกำหนดว่าจะให้เรียงจากมากไปหาน้อย หรือ เรียงจากน้อยไปหามาก
- สไลด์ : กำหนดว่าจะแสดงในรูปแบบ "การ์ดกริด" หรือ "การ์ดสไลด์"
- รูปแบบการเคลื่อนไหว :
- ตำแหน่งพื้นที่ : กำหนดตำแหน่งการแสดงผลบนหน้าเว็บ
- ลำดับการแสดงโมดูล : การเรียงลำดับโมดูลในแต่ละตำแหน่งพื้นที่
