วิธีใส่โลโก้หลักของเว็บไซต์


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

โดยในระบบเว็บไซต์สำเร็จรูป VelaEasy จะมีส่วนสำหรับให้ใส่ภาพโลโก้ ซึ่งจะแสดงผลบนภาพส่วนหัว รวมถึงภาพโลโก้นี้ จะถูกนำไปแสดงผลเป็น Icon เล็ก ๆ ที่มักปรากฎอยู่บนแท็บของ Browser หรือที่เรียก Favorite Icon ช่วยในการจดจำแบรนด์ของผู้เข้าชมเว็บไซต์ได้
 

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

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

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

ขั้นตอนการใส่รูปภาพโลโก้ บนเว็บไซต์สำเร็จรูป VelaEasy

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


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


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


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



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


 การซ่อนและแสดงโลโก้ที่ภาพส่วนหัว

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


 

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

 


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


 



การแสดงผลภาพโลโก้เว็บไซต์ เป็น "Touch Icon" บนแท็บเล็ตและโทรศัพท์มือถือสมาร์ทโฟน

เมื่อผู้เข้าชมเปิดดูเว็บไซต์ที่ใช้งานระบบ VelaEasy ผ่าน Web Browser บน แท็บเล็ท หรือโทรศัพท์มือถือสมาร์ทโฟน (เช่น ระบบปฏิบัติการ IOS, Android เป็นต้น) และทำการเพิ่ม Bookmark หรือ เพิ่ม Icon เว็บไซต์ ให้แสดงผลที่หน้า Home Screen เพื่อความสะดวกในการเข้าถึงเว็บไซต์ได้อย่างรวดเร็วในครั้งต่อไป ดังภาพตัวอย่าง 

 

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


 

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

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

สามารถดูวิธีตั้งค่าการแสดงผล คลิกที่นี่ ได้เลยค่ะ


 




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

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