วิธีใส่โลโก้ที่เมนูด้านบน

 

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

 

คุณสมบัติของรูปโลโก้ที่เมนูด้านบน

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

 

วิธีใส่โลโก้ที่เมนูด้านบน

1. ในเบื้องต้น ภาพโลโก้ที่เมนูด้านบนจะถูกซ่อนไว้ เว็บมาสเตอร์สามารถคลิกสัญลักษณ์  ที่อยู่ด้านซ้ายของเมนูหน้าแรก เพื่อเปิดแสดงผลโลโก้ได้เลยค่ะ


 

 

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

 

3. ปรากฎหน้าต่างให้คลิก "Upload ภาพใหม่" ในครั้งแรก และเลือกรูปโลโก้ที่ต้องการ จากเครื่องคอมพิวเตอร์ของคุณ

 

4. เมื่ออัพโหลดภาพโลโก้แล้ว คุณสามารถเลือกขนาดโลโก้ที่จะแสดงผลบนแถบเมนูด้านบนได้ 3 ขนาด ดังนี้ค่ะ

- Logo ขนาดเล็ก  : ความกว้างไม่เกิน 5% ของความกว้างหน้าเว็บไซต์ที่ใช้งาน ความสูงไม่เกิน 33 pixel

- Logo ขนาดกลาง : ความกว้างไม่เกิน 7.5% ของความกว้างหน้าเว็บไซต์ที่ใช้งาน ความสูงไม่เกิน 60 pixel

- Logo ขนาดใหญ่ : ความกว้างไม่เกิน 15% ของความกว้างหน้าเว็บไซต์ที่ใช้งาน ความสูงไม่เกิน 90 pixel

โดยระบบจะ resize ขนาดความกว้างและความสูงของโลโก้ให้พอดีกับพื้นที่แสดงผลอัตโนมัติด้วยค่ะ

 

5. แสดงผลรูปโลโก้บริเวณเมนูด้านบน ในส่วนจัดการเว็บไซต์ ดังรูปตัวอย่าง

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

 

ตัวอย่างการแสดงผลโลโก้ที่เมนูด้านบน ที่หน้าเว็บไซต์จริง

 

วิธีซ่อนโลโก้ที่เมนูด้านบน

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

 

 ข้อแนะนำเพิ่มเติมเกี่ยวกับการแสดงผลโลโก้ที่เมนูด้านบน

1. การอัพโหลดรูปโลโก้ที่เมนูด้านบน จะไม่ทำให้โลโก้หลักที่แสดงผลบนภาพส่วนหัวและ Favorite Icon เปลี่ยนแปลง

2. สามารถเปิดแสดงผลโลโก้หลักที่ภาพส่วนหัว และโลโก้ที่เมนูด้านบนให้แสดงผลคู่กันได้

3. โลโก้ที่เมนูด้านบน สามารถแสดงผลได้ในทุกหน้าจอของทุกอุปกรณ์ ทั้งคอมพิวเตอร์ PC, Notebook, Tablets, Smartphone เป็นต้น


 




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

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