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

การใช้งาน Image Element

13 ม.ค. 2020, 11:25
เพิ่มความน่าสนใจให้เว็บไซต์ได้ง่าย ๆ จากระบบการใช้งาน Image Element

Image Element

คือ Element ที่ใช้ในการอัปโหลดรูปภาพ โดยสามารถใช้งานได้ภายใต้ Custom Layout Element 


การใช้งาน Image Element

ในการใช้งาน Image Element จำเป็นต้องเพิ่ม Section ก่อน โดยคลิกที่แท็บ "ปรับแต่ง" ในตำแหน่งที่ 1 และคลิกที่เมนู "Page Layouts" ในตำแหน่งที่ 2 และคลิกที่ปุ่ม "Add Section" ในตำแหน่งที่ 3



เซ็คชั่นที่สามารใช้งานได้คือ Video Background, Content, Background Image และ Background Parallax โดยในตัวอย่างจะเลือกใช้เซ็คชั่น Background image (ตำแหน่งที่ 4) แล้วกด OK



หลังจากได้ Background image แล้วคลิกตำแหน่งที่ 5




 คลิกที่ปุ่ม "Add element" ในตำแหน่งที่ 6




คลิกที่ "Custom layout" ในตำแหน่งที่ 7




คลิกที่ "เครื่องหมายบวก" ในตำแหน่งที่ 8



เลือก "Image" ในตำแหน่งที่ 9 แล้วกด "OK"



การตั้งค่า Image

คลิก "แก้ไข" ในตำแหน่งที่ 10



ตั้งค่าดังนี้

1. เลือกไฟล์ภาพที่ต้องการเพิ่ม

ตัวอย่าง หลังเพิ่มภาพ



2. กรอกรายละเอียดของภาพ

3. ใส่ลิงก์ให้รูปภาพ

  • Default คือ ไม่สามารถคลิกที่รูปได้
  • Show Image คือ เมื่อคลิกที่รูป จะแสดงรูปนั้น
  • Open link new tab คือ เมื่อคลิกที่รูป จะเปิดลิงก์ที่เชื่อมไว้ในแท็บใหม่
  • Open link current tab คือ เมื่อคลิกที่รูป จะเปิดลิงก์ที่เชื่อมไว้ในหน้าเดิม

4. การ Effect ให้รูปภาพ

5. ใส่ลิงก์ Url ให้รูปภาพ

6. การแสดงขนาดของรูปภาพ

7. การตั้งค่าตำแหน่งของรูปภาพ





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

www.ketshopweb.com

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

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

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