รูปแบบ Card
เลือกรูปแบบการ์ด เช่น Fit, Full, Bg หรือ Bg + Content เพื่อกำหนดว่าภาพและเนื้อหาจะแสดงร่วมกันอย่างไร
ชื่อใน Studio: รูปแบบ CardLNWX STUDIO · VIDEO GUIDES
ปรับเว็บในแบบคุณ
ดูตัวอย่าง แล้วลงมือทำ
รวมวิดีโอสาธิตการตั้งค่าใน Studio พร้อมคำอธิบายสั้น ๆ ตั้งแต่รูปแบบการ์ดไปจนถึงการเลื่อนรายการบนมือถือ เลือกหัวข้อที่ต้องการ แล้วกดเล่นเพื่อดูผลของแต่ละค่า
27 วิดีโอ · 5 หมวด · อัปเดต 13 ตุลาคม 2569
ไม่พบหัวข้อที่ตรงกับคำค้น ลองใช้ชื่อการตั้งค่าหรือคำที่สั้นลง
จัดวางการ์ดและเนื้อหา8 วิดีโอ
เริ่มจากรูปแบบการ์ด แล้วปรับตำแหน่งภาพ ข้อความ และระยะห่าง
ทิศทางการเรียงภาพและเนื้อหา
จัดภาพและเนื้อหาเป็นแนวตั้งหรือแนวนอน เมื่อใช้แนวนอน สามารถปรับพื้นที่ภาพได้ที่ Media Area Size
ชื่อใน Studio: ทิศทางการเรียงการจัดวางเนื้อหา
การจัดตำแหน่งของเนื้อหาในการ์ด
ชื่อใน Studio: การจัดวางเนื้อหาการกระจายเนื้อหา
กำหนดการกระจายตำแหน่งเนื้อหาภายในพื้นที่ข้อความของการ์ด
ชื่อใน Studio: การกระจายเนื้อหาการจัดรูปในกรอบ
เลือกวิธีวางภาพในกรอบ ให้ภาพเต็มพื้นที่หรือแสดงภาพครบตามสัดส่วนที่ต้องการ
ชื่อใน Studio: การจัดรูปในกรอบระยะห่างภาพกับเนื้อหา
ระยะห่างระหว่าง media และ content
ชื่อใน Studio: Gapระยะห่างเนื้อหากับปุ่ม
ปรับระยะห่างระหว่างกลุ่มหัวข้อและปุ่มภายในส่วนเนื้อหาของการ์ด
ชื่อใน Studio: Content Gapระยะห่างหัวข้อและคำอธิบาย
ปรับระยะห่างระหว่างข้อความเกริ่น หัวข้อ และคำอธิบาย
ชื่อใน Studio: Content Heading Gapสี เส้นขอบ และเอฟเฟกต์7 วิดีโอ
เติมบุคลิกให้การ์ดด้วยสี ระยะขอบ เงา และการตอบสนองเมื่อชี้เมาส์
สีพื้นหลังการ์ด
สีพื้นหลังของการ์ด
ชื่อใน Studio: Background Colorระยะขอบภายในการ์ด
เพิ่มพื้นที่ว่างด้านในระหว่างเนื้อหากับขอบการ์ด ปรับรวมทุกด้านหรือแยกแต่ละด้านได้
ชื่อใน Studio: Paddingความโค้งมุมการ์ด
ปรับมุมการ์ดให้เหลี่ยมหรือโค้ง เลือกระดับที่มีให้หรือกำหนดค่าเอง
ชื่อใน Studio: ความโค้งมุมความหนาเส้นขอบ
ความหนาของเส้นขอบการ์ดทั้งหมด
ชื่อใน Studio: Border Widthเงาของการ์ด
เพิ่มเงาให้การ์ด โดยกำหนดระยะเยื้องแนวนอน แนวตั้ง และความฟุ้ง เช่น 10px 10px 30px
ชื่อใน Studio: Box Shadowเอฟเฟกต์เมื่อชี้เมาส์ที่การ์ด
เลือกเอฟเฟกต์ของทั้งการ์ดเมื่อชี้เมาส์ เช่น ขยาย ย่อ เลื่อนขึ้น หรือเลื่อนลง
ชื่อใน Studio: Card Hoverเอฟเฟกต์เมื่อชี้เมาส์ที่ภาพ
เลือกเอฟเฟกต์เฉพาะภาพ ไอคอน หรือวิดีโอเมื่อชี้เมาส์ เช่น ขยาย ย่อ จาง หรือปรับความสว่าง
ชื่อใน Studio: Media Hoverรายการและการแสดงผลบนมือถือ5 วิดีโอ
เลือกรูปแบบรายการ จำนวนคอลัมน์ และการเลื่อนบนหน้าจอเล็ก
รูปแบบรายการ
เลือกรูปแบบการแสดงรายการ เช่น ตาราง Carousel, Marquee หรือ Slider ตามลักษณะเนื้อหา
ชื่อใน Studio: Templateจำนวนคอลัมน์
กำหนดจำนวนคอลัมน์ที่ใช้จัดเรียงรายการในตาราง
ชื่อใน Studio: จำนวน Columnsระยะห่างระหว่างรายการ
ปรับระยะห่างระหว่างรายการแบบรวม หรือแยกแนวนอนและแนวตั้ง
ชื่อใน Studio: Gapเลื่อนแนวนอนบน mobile
อนุญาตให้เลื่อนแนวนอนใน mobile
ชื่อใน Studio: เลื่อนแนวนอนบน mobileความกว้างรายการเมื่อเลื่อนแนวนอน
กำหนดความกว้างของแต่ละรายการในโหมดเลื่อนแนวนอนหรือ Slider บนมือถือ
ชื่อใน Studio: ความกว้างของ Item เมื่อเลื่อนแนวนอนแถบเลื่อนและปุ่มนำทาง5 วิดีโอ
ปรับวิธีเลื่อนรายการ ตำแหน่งลูกศร และแถบเลื่อนใน Carousel
ลูกศร
แสดงลูกศรนำทางใน carousel
ชื่อใน Studio: ลูกศรตำแหน่งลูกศร
ตำแหน่งของลูกศรนำทาง
ชื่อใน Studio: ตำแหน่งลูกศรซ่อนลูกศรที่ไม่สามารถใช้ได้
ซ่อนลูกศรเมื่อไม่สามารถเลื่อนไปในทิศทางนั้นได้
ชื่อใน Studio: ซ่อนลูกศรที่ไม่สามารถใช้ได้Scrollbar ด้านล่าง
แสดง scrollbar ใน carousel
ชื่อใน Studio: Scrollbar ด้านล่างแสดงส่วนเกินทางขวา
แสดงส่วนของรายการที่ล้นทางขวาใน Carousel เพื่อให้เห็นว่ายังมีเนื้อหาต่อ
ชื่อใน Studio: แสดงส่วนเกินทางขวารายการเลื่อนอัตโนมัติ2 วิดีโอ
กำหนดทิศทางและจังหวะการเคลื่อนไหวของ Marquee
ทิศทาง
ทิศทางการเคลื่อนไหวของ marquee
ชื่อใน Studio: ทิศทางระยะเวลาเลื่อนครบหนึ่งรอบ
กำหนดเวลาที่รายการเลื่อนครบหนึ่งรอบ หน่วยวินาที เช่น 30s ค่ายิ่งมาก รายการยิ่งเลื่อนช้า
ชื่อใน Studio: Marquee Durationวิดีโอแสดงผลของการตั้งค่าแต่ละรายการ ชื่อและตัวเลือกที่เห็นอาจต่างกันตามวิดเจ็ตหรือรูปแบบที่เลือก ทดลองปรับค่าแล้วดูตัวอย่างทั้งหน้าจอคอมพิวเตอร์และมือถือก่อนเผยแพร่เว็บไซต์ของคุณ