การใช้งาน Columns section มีให้เลือก 2 แบบ คือ Two Columns และ Three Columns หลักการใช้งานเหมือนกัน ต่างกันที่จำนวน element ที่ใส่ซึ่งจะใส่ได้ตามจำนวนcolumns
Two Columns Section และ Three Columns Section
คือ Section ที่ผู้ใช้งานสามารถเพิ่ม Element เข้าไปภายในได้ตามจำนวนcolumns ซึ่งจะมีการแสดงผลแบ่งเป็น 2คอลัมน์ หรือ 3 คอลัมน์ แล้วแต่ Columns Section ที่เลือก และภายใน นี้ผู้ใช้งานจะSection สามารถแก้ไขสีและรูปภาพของพื้นหลังได้ ตัวอย่างการใช้งาน Columns Section ตามภาพด้านล่าง (Two Columns)
-คลิกที่ ตำแหน่งที่1, 2และ 3 เพื่อเข้าไปที่ส่วนของ Section
-คลิก ตำแหน่งที่1 “Add section”
–คลิกเลือก Two Columns หรือ Three Columns แล้วกด “Add”
-Section ที่เพิ่มมาใหม่จะอยู่ข้างล่างสุดและคลิกที่ section นั้นๆ ในตำแหน่งที่ 3 เพื่อเพิ่ม Element ข้างใน
-คลิก ตำแหน่งที่1 “Add element” ซึ่งจะแอดได้ตามจำนวนคอลัมน์ หากเป็น Two Columns จะแอดได้ 2 Element และ Three Columnsจะแอดได้ 3 Element
–คลิกเลือกรูปแบบ element แล้วกด “Add”
ตัวอย่างการใช้งาน Two Columns section และ Three Columns section
-การใช้งานตั้งค่า Edit ต่างๆ มีรายละเอียดดังนี้ เข้าที่ Columns Section คลิกที่ตำแหน่งที่ 1 (EDIT)
ขนาดภาพที่เหมาะสมสำหรับ Background คือ 1900px * free (ขั้นต่ำ 500px)Color: สี filter ที่ใส่ลงบนภาพColor Opacity: ค่าความโปร่งใสของสีImage Blur: ค่าความเบลอของภาพ
ตัวอย่างการใช้งาน Two Columns Section
ตัวอย่างการใช้งาน Three Columns Section
Ketshopweb | เว็บสำเร็จรูปอย่างง่ายที่ใครๆก็ทำได้
เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย
ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com