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

Background Image Section วิธีตกแต่งพื้นหลังเว็บไซต์ให้ทันสมัย

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

การตั้งค่าการใช้งาน 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

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

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