การใช้งาน Custom layout element

Custom Layout Element วิธีจัดการเลย์เอาต์และคอลัมน์บนเว็บไซต์

Custom Layout คือ Element ที่ช่วยจัดการเรื่องเลย์เอาต์ในหน้าเว็บไซต์ สามารถเลื่อนซ้าย-ขวาเพื่อปรับความกว้างในแต่ละคอลัมน์ได้ และยังเพิ่ม Element ภายในได้อีกด้วย

การใช้งาน Custom Layout Element

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb แล้วทำตามขั้นตอนดังนี้

• 1 คลิก "ปรับแต่ง"
• 2 คลิก "Page Layouts"
• 3 คลิก "ปรับแต่งเนื้อหา"

• 4 คลิก "Add Section"

• 5 เลือก "Content" จากนั้นคลิก "Add Section"

เมื่อเพิ่ม Section ใหม่จะแสดงอยู่ล่างสุดฝั่งขวามือ

• 6 คลิก พื้นที่ว่างในกรอบ

• 7 คลิก "Add Element"

• 8 เลือก "Custom layout" จากนั้นคลิก "Add Element"

หลังจากนั้น Custom layout จะถูกเพิ่มมาใหม่

ลำดับถัดไปคือการตั้งค่า Custom Layout

เป็นการตั้งค่าทั้งหมดใน Element

• 1 ปุ่มย้าย Custom layout
• 2 ปุ่มตั้งค่า สามารถจัดการหน้าตั้งค่าได้
• 3 ปุ่มเพิ่มคอลัมน์
• 4 ปุ่มตั้งค่าเนื้อหา

เป็นการตั้งค่าของ Columns

• 1 ปุ่มย้าย columns
• 2 ปุ่มตั้งค่า columns
• 3 ปุ่มเพิ่มแถว
• 4 ปุ่มโคลนคอลัมน์ เป็นการคัดลอกคอลัมน์เพิ่มโดยมีเนื้อหารายละเอียดเหมือนกัน
• 5 ปุ่มลบเนื้อหารายละเอียดคอลัมน์นั้นๆ

เป็นการตั้งค่าเฉพาะ Element นั้นๆ

• 1 ปุ่มย้าย Element
• 2 ปุ่มตั้งค่า Element
• 3 ปุ่มเพิ่มแถว
• 4 ปุ่มโคลนคอลัมน์ เป็นการคัดลอกคอลัมน์เพิ่มโดยมีเนื้อหารายละเอียดเหมือนกัน
• 5 ปุ่มลบเนื้อหารายละเอียดคอลัมน์นั้นๆ

คลิก "บันทึก" หลังตั้งค่าเสร็จแล้ว