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


ภาพพื้นหลังเว็บไซต์ (Website Background)
แสดงผลในส่วนพื้นหลังที่เป็นที่ว่างทางซ้ายและขวาของส่วนพื้นที่เนื้อหา เว็บมาสเตอร์สามารถอัพโหลดรูปภาพพื้นหลังด้วยภาพนามสกุล .jpg , .gif , .png ขนาดไฟล์รูป (File size) ไม่เกิน 5 MB 

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


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

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


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


2.1. เลือกใช้ภาพพื้นหลังสำเร็จรูป : ระบบมีภาพพื้นหลังเว็บไซต์ให้เลือกใช้งานได้ทันที


2.2. Upload ภาพใหม่ : สามารถ Upload ภาพพื้นหลังที่ได้ออกแบบตกแต่งมา จากเครื่องคอมพิวเตอร์ของคุณเอง 


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


3.1. แสดงครั้งเดียว : จะแสดงผลภาพตามขนาดจริงเพียงครั้งเดียวเท่านั้น จึงควรเตรียมภาพให้มีขนาดที่เหมาะสมคือ 1280x800 pixels ซึ่งจะแสดงผลพอดีกับหน้าจอคอมพิวเตอร์ทั่วไปในปัจจุบัน

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

 

3.2. แสดงต่อเนื่อง : เหมาะสำหรับกรณีที่ภาพพื้นหลังของท่านเป็นภาพขนาดเล็ก จึงควรเลือกให้การแสดงผลภาพแสดงต่อเนื่องจนเต็มส่วนพื้นหลัง

ตัวอย่างการแสดงผลภาพพื้นหลัง แสดงต่อเนื่อง
(มีรอยต่อเกิดขึ้นระหว่างขอบซ้ายขวาของภาพ) 

 


3.3. แสดงพอดีจอ : เหมาะกับการแสดงภาพพื้นหลังที่มีขนาดพอดีกับหน้าจอคอมพิวเตอร์ ขนาดที่เหมาะสมคือ 1280x800 pixels หากภาพมีขนาดเล็กระบบจะขยายภาพนั้นให้เต็มจอ ส่งผลให้ภาพแสดงผลไม่ชัดเจน

ตัวอย่างการแสดงผลภาพพื้นหลัง แสดงพอดีจอ
(ไม่แสดงสีพื้นหลังหรือขอบรอยต่อระหว่างภาพ)





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

การเลือก 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
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน