version 7

การใช้งาน Background parallax

By mudjarin -

February 26, 2018

Background parallax คือ Section ที่ใช้ image แบบ parallax เมื่อมี การ scroll page down โดยผู้ใช้สามารถแก้ไขได้เฉพาะรูปภาพเท่านั้นและผู้ใช้งานสามารถเพิ่ม Elementได้ตามต้องการและแก้ไขสีพื้นหลังหรือเพิ่มรูปพื้นหลังให้กับ Section ได้ตามต้องการ

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

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

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

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

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

-วิธีที่ 1

วิธีที่ 2

-จากตัวอย่าง การใช้งานค่า Setting ต่างๆ ผู้ใช้จะสามารถแก้ไขได้เพียงแค่ภาพพื้นหลังเท่านั้น

ซึ่งขนาดภาพที่เหมาะสมคือ 1300px * ตามความเหมาะสมของเนื้อหา (น้อยที่สุด คือ 400px)

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

คลิกเลือกรูปแบบ element แล้วกด “Add”

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

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

www.ketshopweb.com

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

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