วิธีการใส่รูปภาพประกอบส่วนหัว (ภาพเล็กบนภาพส่วนหัว 7-9 ภาพ)

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

     - หากเลือกแสดงโลโก้ รูปภาพประกอบส่วนหัวจะใส่ได้สูงสุดอยู่ที่ 7 รูป

     - หากเลือกไม่แสดงโลโก้ รูปภาพประกอบส่วนหัวจะใส่ได้สูงสุดอยู่ที่ 9 รูป

นามสกุลของไฟล์รูปภาพที่รองรับ : .jpg , .gif , .png

ขนาดของรูปที่เหมาะสมคือ :105x63 pixels 

ขนาดของไฟล์รูป : ไม่เกิน 5 MB
 

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


2. ระบบแสดงหน้าต่างสำหรับ Upload รูปภาพ ให้คลิกที่ Upload ภาพใหม่ เพื่อเลือกรูปจากเครื่องคอมพิวเตอร์ของคุณ


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


4. จะปรากฎหน้าต่างสำหรับ "แก้ไขภาพเดิม" หรือ "upload ภาพใหม่" เข้าไปแทนที่


 

ในกรณีที่เลือก "แก้ไขภาพเดิม" จะปรากฎหน้าต่าง "จัดการรูปภาพ" ซึ่งสามารถตั้งค่าการแสดงผลดังนี้ 


 

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

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

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

    3.1.) กรณีเลือก ตัดส่วนที่เกินออก ระบบจะแสดงรูปภาพส่วนหัวดังรูปด้านล่าง


     3.2.) กรณีเลือก ย่อขนาดรูปภาพ  ระบบจะแสดงรูปภาพส่วนหัวดังรูปด้านล่าง 

 

ตัวอย่างการแสดงรูปภาพส่วนหัว กรณีเลือกแสดงโลโก้

 

ตัวอย่างการแสดงรูปภาพส่วนหัว กรณีเลือกซ่อนโลโก้



วิธีเลือกซ่อนหรือแสดงรูปภาพประกอบส่วนหัว

ในกรณีที่ไม่ต้องการแสดงรูปภาพส่วนหัวทั้ง 9 รูป ให้นำเมาส์ไปชี้บริเวณรูปภาพประกอบส่วนหัว จะปรากฎสัญลักษณ์  ให้คลิกเพื่อซ่อนภาพส่วนหัว 


 

การแสดงผลในกรณีที่ไม่มีภาพส่วนหัวบนหน้าเว็บไซต์ 

 

กรณีที่ซ๋อนภาพส่วนหัวไว้ และต้องการเปิดแสดงผลอีกครั้ง ให้นำเมาส์ไปชี้บริเวณรูปภาพประกอบส่วนหัว จะปรากฎสัญลักษณ์   ให้คลิกเพื่อแสดงภาพส่วนหัว

 

การแสดงผลในกรณีเลือกแสดงรูปภาพส่วนหัวบนหน้าเว็บไซต์


 




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

การเลือก 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 "รายการอื่นภายใต้หัวข้อเดียวกัน"
กำหนดรูปแบบโดยรวม
วิธีใส่โลโก้หลักของเว็บไซต์
วิธีใส่โลโก้ที่เมนูด้านบน
วิธีการใส่รูปภาพพื้นหลังส่วนหัว (แบนเนอร์ของเว็บไซต์)
วิธีการใส่รูปภาพพื้นหลังเว็บไซต์
วิธีการใส่ภาพพื้นหลังให้กับพื้นที่ "เมนูด้านบน" และ "เมนูด้านข้าง"
วิธีการกำหนดค่าทึบแสงของพื้นหลัง
วิธีจัดตำแหน่งเมนูด้านบนและสลับกับพื้นที่ส่วนหัว
วิธีซ่อนพื้นที่ด้านข้าง
วิธีเพิ่ม 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
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน