วิธีเพิ่มอัลบั้มรูป


ระบบอัลบั้มรูป (Photo Gallery)
  คือ ระบบที่แสดงรูปถ่ายของสินค้าหรือบริการของเว็บไซต์อย่างเป็นระเบียบ แสดงผลอย่างสวยงามน่าสนใจ และเพิ่มรูปภาพใน Gallery ไม่จำกัดจำนวน  โดยมีวิธีการใช้งานที่ไม่ยากดังนี้ค่ะ


วิธีเพิ่มอัลบั้มรูป

1. คลิกปุ่ม "เพิ่มเมนู" ในบริเวณที่ต้องการ เช่น เมนูด้านบน หรือเมนูด้านข้าง จะปรากฎหน้าต่าง "เลือกประเภทเมนู" ให้คลิกปุ่ม "อัลบั้มรูป"

 

2. จากนั้นที่หน้าต่าง "เพิ่มอัลบั้มรูปใหม่" คุณสามารถใส่ข้อมูลในหัวข้อต่าง ๆ ดังต่อไปนี้

2.1. "ชื่อเมนู" สามารถใส่รายละเอียดชื่อเมนูอัลบั้มรูปตามต้องการ ซึ่งจะแสดงผลชื่อเมนูที่ตำแหน่งเมนูด้านบนหรือเมนูด้านข้างบนหน้าเว็บไซต์

2.2. "ชื่ออัลบั้มรูป"  สามารถตั้งชื่ออัลบั้มรูปตามต้องการ ซึ่งจะแสดงผลชื่ออัลบั้มรูปที่ส่วนเนื้อหาเหนือรูปภาพในอัลบั้ม

2.3. "ข้อความอธิบาย" ใส่รายละเอียดอธิบายข้อมูลเหตุการณ์ของภาพในอัลบั้มนี้

2.4.  "Tags" สามารถใส่คำและคีย์เวิร์ดที่เกี่ยวข้องกับข้อมูลในอัลบั้มภาพนั้นๆ  แล้วคำนั้นจะกลายเป็นลิงค์ให้สามารถคลิกได้  โดยเว็บมาสเตอร์สามารถใส่ Tag เพื่อแสดงข้อมูลที่เกี่ยวข้องกันได้อย่างเป็นหมวดหมู่ตามต้องการ

ดูรายละเอียด วิธีการใช้งานฟังก์ชัน Tags เพิ่มเติม คลิกที่นี่ ค่ะ

2.5. ตัวเลือก "แสดงเฉพาะสมาชิก" สำหรับเว็บไซต์สำเร็จรูป VelaEasy แพ็คเกจที่มีระบบสมาชิก (Member Login) จะสามารถทำเครื่องหมายกาถูกในช่อง "แสดงเฉพาะสมาชิก" เพื่อปิดเมนูนี้ให้เฉพาะสมาชิกที่ log in เข้าสู่ระบบสมาชิกของเว็บไซต์แล้วเท่านั้นจึงจะมองเห็นและคลิกดูข้อมูลในเมนูนั้นๆได้

ดูรายละเอียด วิธีการใช้งานระบบสมาชิก เพิ่มเติม คลิกที่นี่ ค่ะ

หลังจากกรอกข้อมูลในหัวข้อต่าง ๆ เรียบร้อยแล้ว คลิก "บันทึก"



วิธีเพิ่มและแก้ไขรูปภาพในอัลบั้มรูป

คุณสมบัติของรูปภาพ ที่จะอัพโหลดในอัลบั้มรูปได้ นามสกุลของไฟล์รูปภาพที่รองรับ : .jpg , .gif , .png   และขนาดของไฟล์รูป รูปละไม่เกิน 5 MB ค่ะ


3. จะปรากฎเมนูอัลบั้มรูปที่เพิ่มใหม่ในบริเวณที่คุณเลือกเพิ่มเมนูตามข้อ 1.  สามารถใส่รูปภาพในอัลบั้ม โดยคลิกที่ปุ่ม "เพิ่มไฟล์" ในบริเวณพื้นที่เนื้อหาหลัก

 

4. จะปรากฎหน้าต่างให้เลือกไฟล์รูปภาพที่ต้องการอัพโหลด  ซึ่งสามารถเลือกอัพโหลดได้ครั้งละมากกว่า 1 รูป โดยกดปุ่ม Ctrl ค้างไว้ขณะคลิกเลือกรูปภาพ (อัพโหลดได้ครั้งละไม่เกิน 10 ภาพค่ะ) เมื่อเลือกรูปภาพครบตามต้องการแล้ว คลิก "Open"

 

5. ระบบจะทำการอัพโหลดรูปภาพจนครบตามจำนวนไฟล์ที่่เลือก


6. จะปรากฎภาพที่ได้ทำการอัพโหลดในอัลบั้ม  สามารถเพิ่มรายละเอียดของรูปภาพแต่ละรูปได้ โดยนำเมาส์ไปชี้ที่  ของตำแหน่งรูปภาพที่ต้องการ จากนั้นคลิกเมนู "เพิ่ม/แก้ไขรูปภาพ"


7. ระบบจะปรากฎหน้าต่างให้เลือก "แก้ไขภาพเดิม" ที่อัพโหลดไปแล้ว หรือ Upload ภาพใหม่ เพื่อใส่รูปภาพอื่นเพิ่มเข้ามาหรือแทนที่ (ในที่นี้คลิก แก้ไขภาพเดิม)

 

8. จากนั้นจะปรากฎหน้าต่าง "จัดการรูปภาพ" ซึ่งสามารถกำหนดการตั้งค่าได้ ดังนี้

8.1. คำอธิบายภาพ คือ ส่วนสำหรับใส่ข้อความอธิบายรายละเอียดที่เกี่ยวข้องกับรูปภาพแบบคร่าว ๆ จะปรากฎเมื่อนำเมาส์ไปชี้ที่รูปภาพนั้น ๆ หรือเมื่อคลิกดูรูปภาพประกอบรายการขนาดใหญ่ จะปรากฎคำอธิบายนี้ที่ใต้รูปภาพด้วยค่ะ 

8.2. ALT Text : เป็นส่วนสำหรับใส่ข้อความอธิบายรูปภาพที่จะช่วยให้ Search Engine รับรู้ความหมายของภาพนั้นๆ เนื่องจาก Search Engine ไม่สามารถเก็บข้อมูลรูปภาพจากหน้าเว็บไซต์จากการดูว่าภาพ ที่แสดงคือภาพอะไร ดังนั้นจำเป็นจะต้องใช้ Tag พิเศษ เรียกว่า Alternative Text หรือ Alternate tag นี้ เพื่อใช้ในการอธิบายรูปภาพให้ Search Engine ทราบค่ะ

8.3. เลือกประเภทการจัดการขนาดของรูปภาพ  สามารถเลือกประเภทการจัดการขนาดของรูปภาพได้ 2 รูปแบบ คือ ตัดส่วนที่เกินออก หรือย่อขนาดรูปภาพ  
ซึ่งทั้ง 2 รูปแบบจะแสดงผลที่หน้าเว็บไซต์แตกต่างกัน แต่เมื่อคลิกที่รูปภาพเพื่อดูขนาดจริง ระบบจะแสดงรูปภาพเป็นขนาดต้นฉบับค่ะ

และเมื่อคลิกปุ่ม "เลือกใช้" ที่ขนาดรูปภาพที่ต้องการ จะเป็นการบันทึกการแก้ไขรูปภาพนี้ให้อัตโนมัติค่ะ

 

9. นอกจากนี้ สามารถสลับตำแหน่งรูปภาพในอัลบั้ม โดยการคลิกที่รูปแล้วลากไปวางในตำแหน่งที่ต้องการ (Drag & Drop) ได้ทันทีค่ะ

 

วิธีลบรูปภาพออกจากอัลบั้ม
10. สามารถลบรูปภาพออกจากอัลบ้้มรูปได้ โดยนำเมาส์ไปชี้ที่  ของตำแหน่งรูปภาพที่ต้องการ จากนั้นคลิกเมนู "ลบรูปภาพ"  และคลิก "ตกลง" เพื่อยืนยัน  ระบบก็จะลบภาพดังกล่าวออกจากระบบค่ะ

 

การเพิ่ม Section ในหน้าอัลบั้มรูป

คุณสามารถตั้งค่าตัวเลือกรายการข้อมูลบนหน้าเว็บไซต์ (Content Section) เพื่อนำเสนอข้อมูลเพิ่มเติมได้ สำหรับ Section ที่สามารถเพิ่มในหน้าเมนูประเภทอัลบั้มรูปได้ มีดังนี้


 

ซึ่งคุณสามารถเพิ่มและจัดวางสลับตำแหน่ง Section ได้อย่างไม่จำกัดรูปแบบ ตามความเหมาะสมของเนื้อหาในหน้านั้น ๆ รวมถึงลบ Section ที่ไม่ต้องการใช้งาน เพื่อไม่ให้แสดงผลบนหน้าเว็บไซต์ได้ (ยกเว้น พื้นที่เนื้อหาหลัก หรือ Section Main ซึ่งเป็นค่าเริ่มต้นของระบบ จะไม่อนุญาตให้ลบค่ะ)


การแสดงผลรูปภาพจากระบบอัลบั้มรูปบนหน้าเว็บไซต์

ระบบอัลบั้มรูปจะกำหนดจำนวนการแสดงผลรูปภาพในแต่ละแถวตามความเหมาะสมของหน้าเว็บไซต์อัตโนมัติ
  

ตัวอย่างการแสดงผลภาพรวมในอัลบั้มรูป


เมื่อนำเมาส์ไปชี้ที่รูปภาพ ระบบ Pop Up รูปภาพนั้น ๆ ให้เห็นเด่นชัดขึ้นมา


และสามารถคลิกที่รูปภาพเล็ก เพื่อดูภาพขนาดจริง นอกจากนี้สามารถคลิกดูรูปถัดไป หรือดูรูปย้อนหลังได้ 

 

หลังจากที่มีการเพิ่มเมนูชนิด "อัลบั้มรูป" เรียบร้อยแล้ว สามารถเปลี่ยนตำแหน่งการแสดงผลของเมนูให้แสดงผลที่เมนูด้านบน หรือเมนูด้านข้าง ได้ทั้งระดับ 1 และ ระดับ 2 ตามต้องการค่ะ  สามารถดูรายละเอียด วิธี Drag & Drop สลับตำแหน่งเมนู เพิ่มเติมได้ ที่นี่ ค่ะ


 




คู่มือการใช้งาน

การเลือก Theme และตกแต่งเว็บไซต์
VelaEasy Smart Theme
วิธีเพิ่มเมนู บทความ / สินค้า article
จัดการรูปภาพประกอบเนื้อหา article
วิธี Drag & Drop สลับตำแหน่งเมนูด้านบนและด้านข้าง พร้อมเพิ่มเมนูระดับ 2
วิธีเพิ่มเมนูระดับที่ 3,4,5
วิธีจัดเก็บข้อมูลเข้าคลังเนื้อหา (ไม่แสดงในเมนู)
วิธีแก้ไขและลบเมนู
วิธีตั้งค่า SEO สำหรับแต่ละหน้า
วิธีเพิ่ม เมนูลิงก์
วิธีเพิ่มและใช้งานระบบเว็บบอร์ด
วิธีเพิ่มหน้ารวมเว็บบอร์ด
เพิ่มเมนู Landing Page
วิธีเพิ่ม เมนูข้อความ
วิธีเพิ่มเมนู Tag
วิธีการใช้งานฟังก์ชัน "Tags" ในหน้าแก้ไขเมนู
วิธีเพิ่มเมนู สมาชิก (สำหรับสมัครและให้สมาชิกล็อกอิน)
วิธีการใช้งาน "ระบบสมาชิก"
วิธีเพิ่ม Section "Slideshow"
วิธีเพิ่ม Section "Banner"
วิธีเพิ่ม Section "พื้นที่เนื้อหาเสริม"
วิธีเพิ่ม Section "Text"
วิธีเพิ่ม Section "HTML"
วิธีเพิ่ม Section Attachment (อัพโหลดไฟล์เอกสารแนบในเนื้อหา)
วิธีแสดง Section "ราคาสินค้าและปุ่มสั่งซื้อ"
วิธีเพิ่ม Section "Social Buttons"
วิธีเพิ่ม Section "แบบฟอร์มติดต่อกลับ"
วิธีเพิ่ม Section "Comment" : แบบฟอร์มความคิดเห็น
วิธีเพิ่ม Section "Show Boxes" : เพิ่มกล่องแสดงรายการสินค้าและบริการบนหน้าเว็บไซต์
วิธีเพิ่ม Section "รายการที่เกี่ยวข้อง"
วิธีเพิ่ม Section "รายการย่อยภายใต้หัวข้อนี้"
วิธีเพิ่ม Section "รายการอื่นภายใต้หัวข้อเดียวกัน"
กำหนดรูปแบบโดยรวม
วิธีใส่โลโก้หลักของเว็บไซต์
วิธีใส่โลโก้ที่เมนูด้านบน
วิธีการใส่รูปภาพพื้นหลังส่วนหัว (แบนเนอร์ของเว็บไซต์)
วิธีการใส่รูปภาพประกอบส่วนหัว (ภาพเล็กบนภาพส่วนหัว 7-9 ภาพ)
วิธีการใส่รูปภาพพื้นหลังเว็บไซต์
วิธีการใส่ภาพพื้นหลังให้กับพื้นที่ "เมนูด้านบน" และ "เมนูด้านข้าง"
วิธีการกำหนดค่าทึบแสงของพื้นหลัง
วิธีจัดตำแหน่งเมนูด้านบนและสลับกับพื้นที่ส่วนหัว
วิธีซ่อนพื้นที่ด้านข้าง
วิธีเพิ่ม Widget "Link Banner"
วิธีเพิ่ม Widget "แบบฟอร์ม"
วิธีเพิ่ม Widget "HTML"
วิธีเพิ่ม Widget "Search Box" ช่องค้นหาข้อมูลบทความ/สินค้า
วิธีเพิ่ม Widget "Member Box"
วิธีสลับตำแหน่ง Sidebar Widget กับเมนูด้านข้าง
วิธีการตั้งค่า "พื้นที่ด้านล่าง" ของเว็บไซต์
วิธีเพิ่มลิงก์เมนูลัด ในพื้นที่ด้านล่างของเว็บไซต์ (Footer Link)
วิธีแก้ไขเว็บไซต์ใน Safe Mode
ระบบ Chat
วิธีเข้าดูรายการสั่งซื้อ
วิธีการเข้าดูรายการติดต่อกลับ
วิธีเข้าดู "รายงานการขาย"
เมนูตั้งค่า ทั่วไป article
เมนูตั้งค่า "ร้านค้า" และระบบตะกร้าสินค้า
วิธีใช้งานระบบ Stock สินค้า
วิธีตั้งราคาค่าขนส่งสินค้า
เมนูตั้งค่า เครื่องมือของ Google
เมนูตั้งค่า Social Networks
เมนูตั้งค่า โค้ดและสคริปต์
เมนู อีเมล POP3
เมนู อีเมล Forwarding
บริหารเว็บไซต์ผ่าน Smart Phone ด้วย VelaHandy
วิธีเลือกภาษาบนหน้าเว็บไซต์
วิธีเปลี่ยนรหัสผ่าน article
ดาวน์โหลดเอกสารประกอบคอร์สอบรม Introduction to ReadyPlanet VelaEasy Website System
คู่มือการใช้งานฟังก์ชันพิเศษในแพ็กเกจ XL และ แพ็กเกจ Easy
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน