การใช้งาน Background Image section

0
197
views

Background Image คือ Section ที่ผู้ใช้งานสามารถเพิ่ม Element
ได้ตามต้องการและผู้ใช้สามารถแก้ไขสีพื้นหลังหรือเพิ่มรูปพื้นหลังให้กับ Section ได้ตามต้องการ

-คลิกที่ ตำแหน่งที่1, 2และ 3 เพื่อเข้าไปที่ส่วนของ Section

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

-คลิก ตำแหน่งที่1  “Add section”

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

คลิกเลือก Background Image  แล้วกด “Add”

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

-Section ที่เพิ่มมาใหม่จะอยู่ข้างล่างสุดและคลิกเพื่อเพิ่ม Element ข้างใน

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

ซึ่งผู้ใช้งานสามารถแก้ไขสีพื้นหลังหรือเพิ่มรูปพื้นหลังให้กับ Section ได้ตามต้องการ โดยสามารถเข้าได้ 2 วิธี

-วิธีที่ 1 คลิกที่รูปเฟืองในตำแหน่งที่ 1

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

วิธีที่ 2 คลิกที่ section นั้นๆ แล้วกด Edit ในตำแหน่งที่ 1 และ 2 ตามลำดับ

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

เมื่อคลิกเข้ามาจะมีลักษณะดังภาพด้านล่าง การใช้งานค่า Edit ต่างๆ มีรายละเอียดดังนี้

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

ขนาดภาพที่เหมาะสมสำหรับ Background คือ 1900px * free (ขั้นต่ำ 500px)
Color: สี filter ที่ใส่ลงบนภาพ
Color Opacity: ค่าความโปร่งใสของสี
Image Blur: ค่าความเบลอของภาพ

หลังจากใส่พื้นหลังเรียบร้อยแล้ว ผู้ใช้งานสามารถเพิ่ม Elementได้ตามต้องการโดยทำตามขึ้นตอนดังนี้

-คลิก ตำแหน่งที่1  “Add element”

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

คลิกเลือกรูปแบบ element ที่ต้องการใช้งาน แล้วกด “Add”

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์

รายละเอียดการใช้งาน Element ต่างๆจะอยู่ในหมวดของ Element นะคะ

ตัวอย่างการใช้งาน Background Image section

การใช้งาน Background Image section-ระบบร้านค้าออนไลน์


Ketshopweb | เว็บสำเร็จรูปอย่างง่ายที่ใครๆก็ทำได้

www.ketshopweb.com

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.