การใช้งาน Accordion element

14 ธ.ค. 2022, 17:16
Accordion คือ Element ที่แสดงข้อมูลเป็นส่วนๆ ตัวช่วยเพิ่มความน่าสนใจบนเว็บไซต์ให้ดูดี มีระดับ ใช้งานง่าย

Accordion Element  คือ Element ที่แสดงข้อมูลเป็นส่วนๆ ตัวช่วยเพิ่มความน่าสนใจบนเว็บไซต์ให้ดูดี 

มีระดับ ใช้งานง่าย

มีขั้นตอนการใช้งานดังนี้

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง"

(ตำแหน่งที่ 2) เลือกเมนู "Page Layouts"

(ตำแหน่งที่ 3) เลือกเมนู "ปรับแต่งเนื้อหา"



(ตำแหน่งที่ 4) คลิก "Add Section"



(ตำแหน่งที่ 5) เลือก "Content"  จากนั้นคลิก "Add Section"



เมื่อเพิ่ม Sectiion แล้วจะแสดงอยู่ฝั่งขวามือ

(ตำแหน่งที่ 6) คลิก พื้นที่ว่างในกรอบ



(ตำแหน่งที่ 7) คลิกที่ "Add Element"



(ตำแหน่งที่ 8) เลือก "Accordion" จากนััน คลิก "Add Element"





การตั้งค่า Column Element

คลิกที่ตั้งค่า Element โดยคลิกที่ปุ่ม  ทางขวามือ



การแก้ไข Accordion 

(ตำแหน่งที่ 1) คลิก "เพิ่ม Accordion" หากต้องการเพิ่ม Accordion

(ตำแหน่งที่ 2) คลิก ไอคอนถังขยะ หากต้องการลบ Accordion

(ตำแหน่งที่ 3) คลิกเมาส์ค้างที่ไอคอนสามขีด หากต้องการย้ายตำแหน่ง Accordion

(ตำแหน่งที่ 4) คลิกที่ข้อความ Accordion เพื่อแก้ไขเนื้อหา



แก้ไขและปรับแต่งเนื้อหาได้ตามต้องการ



การตั้งค่า Accordion

(ตำแหน่งที่ 1) ฟอนต์หัวข้อ Accordion

(ตำแหน่งที่ 2) สีหัวข้อ Accordion

(ตำแหน่งที่ 3) สีพื้นหลัง Accordion

(ตำแหน่งที่ 4) สีเส้นขอบ Accordion

(ตำแหน่งที่ 5) คลิก "OK" หลังจากแก้ไขและตั้งค่า Accordion เรียบร้อย



คลิก "Save" หลังจากปรับแต่ง "Accordion Element" เรียบร้อย






Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com

เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็กเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.