วิธีการใส่รูปภาพพื้นหลังส่วนหัว (แบนเนอร์ของเว็บไซต์)

รูปภาพพื้นหลังส่วนหัว ทำหน้าที่แสดงผลอยู่ด้านบนสุดของเว็บไซต์ ซึ่งสามารถเลือกใช้ภาพสำเร็จรูปที่ระบบมีมาให้ หรือคุณสร้างขึ้นเองได้จากโปรแกรมที่คุณถนัด เช่น Photoshop, Photoscape, Program Flash ซึ่งระบบจะรองรับนามสกุล .JPG, .GIF, .SWF ค่ะ

นามสกุลของไฟล์รูปภาพที่รองรับ : .jpg , .gif , .png , .swf (ไฟล์ภาพเคลื่อนไหวแบบ Flash Animation)

ขนาดของรูปที่เหมาะสม (Dimension) คือ :
  -  960x150 pixels (สำหรับเว็บไซต์ที่ใช้ความกว้างพื้นที่แสดงผล 960 Pixels) หรือ
  -  1200x150 pixels (สำหรับเว็บไซต์ที่ใช้ความกว้างพื้นที่แสดงผล 1200 Pixels)

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


 รูปภาพพื้นหลังส่วนหัว แบ่งออกเป็น 2 รูปแบบให้เลือกใช้งาน ดังนี้ค่ะ


ส่วนที่ 1 เลือกใช้ภาพสำเร็จรูปจากระบบ
: ระบบมีรูปภาพพื้นหลังส่วนหัวแบบสำเร็จรูปให้เลือกใช้งานได้ทันที วิธีการคือ

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


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


3. ระบบแสดงรูปภาพสำเร็จรูป ให้คลิกเลือกรูปที่ต้องการ


4. หลังจากที่เลือกรูปภาพสำเร็จรูปแล้วที่หน้าเว็บไซต์จะแสดงผลรูปภาพพื้นหลังส่วนหัว ดังรูปด้านล่าง


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



ส่วนที่ 2 Upload ภาพส่วนหัวใหม่
: สามารถ Upload ภาพพื้นหลังส่วนหัวที่คุณออกแบบตกแต่งมาเอง วิธีการคือ

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


 
2. ปรากฎหน้าต่าง "กำหนดความสูงของพื้นที่ส่วนหัว" ให้กรอกตัวเลขความสูง (Height) ที่เท่ากับขนาดความสูงจริงของภาพพื้นหลังส่วนหัวที่คุณออกแบบมา  ลงในช่อง "ความสูงที่ต้องการ" และคลิก "บันทึก"  (สามารถใส่เลขความสูงของภาพพื้นหลังส่วนหัว เริ่มต้นที่ 80 Pixels สูงสุดไม่เกิน 350 Pixels )


 

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


 

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


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

 
ตัวอย่างการแสดงผลภาพพื้นหลังส่วนหัวแบบ Upload ภาพใหม่ บนหน้าเว็บไซต์


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