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

การใช้งาน Image gallery element

09 ก.ย. 2019, 16:49
เลือกรูปภาพแต่งเว็บไซต์ให้ดูดี มีระดับได้ด้วย Image gallery element

Image gallery element

คลิกที่ ปรับแต่ง (ตำแหน่งที่ 1) Page layouts (ตำแหน่งที่ 2) และ Add section (ตำแหน่งที่ 3)




คลิก Content (ตำแหน่งที่ 4) เพิ่มทำการ “Add element”



Section ที่เพิ่มมาใหม่จะอยู่ขวามือ คลิก Content (ตำแหน่งที่ 6)




คลิกเลือก Image Gallery element (ตำแหน่งที่ 7) แล้วกด “OK”



เมื่อเพิ่ม Image Gallery  element  จะแสดงผลดังภาพตัวอย่าง




การใส่รูปภาพเข้าไปใน Image Gallery element

การใส่รูป (ตำแหน่งที่ 1) มีทั้งหมด 2 แบบในการนำภาพเข้ามา ได้แก่

1. คือการเพิ่มรูปภาพทั้งหมดภายใน Folder เป็นการอัพโหลดทีเดียวหลายๆภาพ
2. คือการเพิ่มรูปภาพทีละภาพ



เลือกรูปแล้วที่ต้องการ จากนั้น คลิก Select



ตัวอย่าง หลังนำรูปภาพมาใส่ใน Image gallery element แล้ว



การตั้งค่า Image Gallery element มีรายละเอียดดังนี้

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



การตั้งค่าจะแบ่งเป็นสองส่วน



ตั้งค่าความกว้าง (ตำแหน่งที่ 1)

ตัวอย่าง ปรับขนาดความกว้างจาก 365 เป็น 200



ตั้งค่าระยะห่างระหว่างรูป (่ตำแหน่งที่ 2)


การใส่ข้อความบนรูป

ตำแหน่งที่ 1Title ชื่อหัวข้อ เมื่อเปลี่ยนแล้วตำแหน่งของ Title จะแสดงผลดังภาพ

ตำแหน่งที่ 2 : Alt text ใส่รายละเอียดเพิ่มเติม นอกเหนือจากนั้นผู้ใช้งานยังสามารถแก้ไขสีหรือตัวหนังสือได้ตามต้องการ


ตัวอย่าง

 







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

www.ketshopweb.com

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

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

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