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

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

14 ธ.ค. 2022, 13:49
การตกแต่งเว็บไซต์ให้ทันสมัย ดึงดูดสายตา สามารถตกแต่งด้วย Background image ที่ช่วยให้เว็บไซต์สวยน่าสนใจขึ้น

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


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

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

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

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

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



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



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



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

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



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

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

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

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

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

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

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



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



คลิก "Add Element" 



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

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



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



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





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

www.ketshopweb.com

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

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

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