คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

การตั้งค่า การใช้งาน Background image

การตกแต่งเว็บไซต์ให้ทันสมัย ดึงดูดสายตา สามารถตกแต่งด้วย Background image ที่ช่วยให้เว็บไซต์สวยน่าสนใจขึ้น

K
KetShopWeb Team
2022-12-14 13:49:12
การตั้งค่า การใช้งาน Background image

Background Image คือเซ็คชั่นสำหรับใส่เนื้อหาข้อมูลเว็บไซต์ สามารถเพิ่ม Element ภายในได้ และใส่ภาพพื้นหลัง หรือเปลี่ยนสีพื้นหลังให้กับเซ็คชั่นนั้น ๆ ได้ การตกแต่งเว็บไซต์ให้ทันสมัย ดึงดูดสายตา สามารถตกแต่งด้วย Background image ที่ช่วยให้เว็บไซต์สวยน่าสนใจขึ้น


การตั้งค่า การใช้งาน Background image

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

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

(ตำแหน่งที่ 2) คลิก "Page Layouts"  

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


การตั้งค่า การใช้งาน Background image


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


การตั้งค่า การใช้งาน Background image


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


การตั้งค่า การใช้งาน Background image


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

(ตำแหน่งที่ 6) คลิก  ตั้งค่า Background image


การตั้งค่า การใช้งาน Background image


จากนั้นจะแสดงหน้า Background Image Setting 

(ตำแหน่ง a) รูปภาพที่ต้องการตั้งค่าให้เป็นพื้นหลัง โดยคลิกในพื้นที่ว่าง

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

(ตำแหน่ง c) การตั้งค่าขนาดรูปภาพพื้นหลัง

(ตำแหน่ง d) ค่าความทึบแสง

(ตำแหน่ง e) ค่าความเบลอของภาพ

(ตำแหน่ง f) คลิก OK หลังจากตั้งค่าเสร็จเรียบร้อย


การตั้งค่า การใช้งาน Background image


ทั้งนี้สามารถเพิ่ม Element ต่างๆได้ ด้วยการคลิกที่ พื้นที่ว่างในกรอบ


การตั้งค่า การใช้งาน Background image


คลิก "Add Element" 


การตั้งค่า การใช้งาน Background image


เลือก "Element" ที่ต้องการ จากนั้นคลิก "Add Element"

โดยตัวอย่างจะเลือก Text Area 


การตั้งค่า การใช้งาน Background image


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


การตั้งค่า การใช้งาน Background image


คลิก "Save" หลังจากตั้งค่าสำเร็จด้านบนสุดของหน้า


การตั้งค่า การใช้งาน Background image




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

www.ketshopweb.com

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

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

คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์KetShopWebE-commerce
แชร์: