การตั้งค่า การเพิ่ม ลบ ย้าย section

จัดการหน้าเว็บไซต์ให้สวยดูดีมีระดับได้ง่ายๆ ผ่านการตั้งค่าการเพิ่ม-ลบ-ย้าย-เปลี่ยน section

K
Ketshopweb Team
2022-12-30 15:08:58
การตั้งค่า การเพิ่ม ลบ ย้าย section

คู่มือการใช้งาน · Page Layouts

คู่มือจัดการ Section หน้าเว็บไซต์: เพิ่ม ลบ ย้าย และเปิด/ปิดการใช้งาน

คู่มือการใช้งาน · ระบบ Ketshopweb · อัปเดตล่าสุด กรกฎาคม 2026

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

การตั้งค่า Section

เส้นทางเข้าใช้งาน

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

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

เมื่อเข้าสู่หน้า Add Sections จะมี Sections ทั้งหมดให้เลือก โดยตัวอย่างนี้จะเลือก Background Image

  • 5 เลือก "Background Image" จากนั้นคลิก "Add Section"
เลือก Background Image แล้วคลิก Add Section
เลือก "Background Image" แล้วคลิก "Add Section"

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

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

เลือกเพิ่ม Element ต่าง ๆ ได้ตามต้องการ โดยตัวอย่างนี้จะเลือก Text Area

  • 8 เลือก "Text Area" จากนั้นคลิก "Add Element"
เลือก Text Area แล้วคลิก Add Element
เลือก "Text Area" แล้วคลิก "Add Element"

ตัวอย่าง

Section ที่มี Element "Text Area" อยู่ข้างใน

ตัวอย่าง Section ที่มี Element Text Area อยู่ข้างใน

การลบ Section

คลิกที่ ไอคอนลบ Section เพื่อทำการลบ

⚠️ ข้อควรระวัง

การลบ Section นั้น Element ทั้งหมดที่อยู่ใน Section นั้น ๆ จะถูกลบไปด้วยทั้งหมด

คลิกไอคอนลบเพื่อลบ Section

การย้าย Section

คลิกค้างที่ Section ที่ต้องการย้าย จากนั้นนำไปวางยังตำแหน่งที่ต้องการ Section ที่เลือกจะถูกย้ายตำแหน่งทันที

คลิกค้างที่ Section แล้วลากไปวางยังตำแหน่งที่ต้องการ

การ Enable/Disable Section

การเปิด/ปิดการใช้งาน เมื่อ Element ที่อยู่ภายใต้ Section นั้น ๆ ถูก "Disable Section" จะไม่แสดงผลด้วย

ปุ่ม Enable/Disable Section

ตัวอย่าง

การ Disable เมื่อทำการปิด Section Content ไป Section Content ก็จะไม่แสดงผล

ตัวอย่างการ Disable Section

เมื่อตั้งค่าเรียบร้อย คลิก "Save" ด้านบนสุดของหน้า

คลิก Save ด้านบนสุดของหน้า
คลิก "Save" ด้านบนสุดของหน้า

พร้อมจัดหน้าเว็บไซต์ให้ดูมืออาชีพแล้วหรือยัง?

ให้ทีม Ketshopweb ช่วยดูแลเว็บไซต์และระบบร้านค้าออนไลน์ของคุณ ครบทั้งการปรับแต่งหน้าร้านและเครื่องมือขายในที่เดียว

Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว
เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย
ติดต่อ 02-038-5588 · email: sales@ketshopweb.com
แชร์: