การ์ดแนวนอน

 

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

 

1. คลิก เพิ่ม หรือ แก้ไข การ์ดแนวนอนที่มีในระบบ

 

 

2. ระบุข้อมูลลงในการ์ดตามความต้องการ โดยมีรายละเอียด ดังนี้

 

หมายเลข 1 ชื่อการ์ด สามารถกำหนดให้เกี่ยวข้องกับข้อมูลภายในการ์ด

หมายเลข 2 รูปแบบหน้าเพจ ทั้งความกว้างของ Section และความกว้างของเนื้อหา ซึ่งมี 2 รูปแบบ คือ

• Fluid คือ การแสดงผลความกว้างแบบเต็มจอ 100% เสมอ ยืดตามความกว้างของหน้าจอทั้งหมด
• Container คือ การแสดงผลความกว้างแบบตายตัว (Fix) เนื้อหาอยู่ตรงกลางของหน้าจอ เพื่อความอ่านง่าย

หมายเลข 3 เปิดใช้งานการ์ด ให้แสดงผลที่หน้าเว็บไซต์

 

 

หมายเลข 4 เพิ่มจำนวนการ์ด และระบุรายละเอียดในแต่ละการ์ด

 

 

หมายเลข 5 กำหนดประเภทการ์ด โดยการ์ดแต่ละแบบจะแสดงตัวอย่างให้เห็นก่อนนำไปใช้งาน

 

ตัวอย่างการ์ด 1

 

 

ตัวอย่างการ์ด 2

 

 

หมายเลข 6 ลิงก์ เป็นการกำหนดประเภทการเปิดลิงก์ และใส่ URL ได้ตามต้องการ

หมายเลข 7 เนื้อหาการ์ด ระบุข้อมูลที่เป็นหัวข้อ รายละเอียด ส่วนท้าย และคำอธิบายรูปภาพ

 

 

3. สามารถจัดการแต่ละการ์ดได้โดยการแก้ไข ลบ และเรียงลำดับการ์ดได้ จากนั้น กด บันทึก

 

 

การแสดงผลบนหน้าเว็บไซต์

 

การ์ดแบบที่ 1

 

การ์ดแบบที่ 2

 

 

กลับสู่หน้ารวมคอมโพเนนต์