วิธีการตกแต่งส่วนบนของเว็บไซต์ (Header)

วิธีการตกแต่งส่วนบนของเว็บไซต์ (Header) เป็นการปรับแต่งส่วนด้านบนของเว็บไซต์ให้มีความสวยงามตามที่ต้องการ เช่น ปรับรูปแบบเลเอาท์ ตำแหน่งการแสดงผลเมนู ตำแหน่งรูปโลโก้ ข้อความ การเปิด-ปิดแสดงผล widget ต่างๆ รวมถึง social network ตามที่ต้องการ มีขั้นตอนดังนี้

การเลือกปรับแต่งส่วนบนของเว็บไซต์

1. ไปที่เมนู Design
2. เลือกเมนู Top
   

การเพิ่มโลโก้ ในส่วน top ของเว็บไซต์ 

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

– การใช้งาน Logo ในรูปแบบ ไฟล์รูปภาพ 

1. โลโก้รูปภาพ (Logo)
2. เลือกเมนู Logo
3. เลือกใช้โลโก้เป็น Image (รูปภาพ)
   
4. เลือกขนาดภาพโลโก้ (Logo size) ที่ต้องการ
   การกำหนดขนาดของ Logo สามารถทำได้ 2 แบบ  คือ
   – Auto : ขนาดของภาพโลโก้จะปรับขนาดอัตโนมัติ ตามขนาดไฟล์ภาพจริงของ Logo นั้นๆ
   – Fixed : ขนาดภาพโลโก้จะถูกกำหนดขนาดไซต์ตามที่ระบุ
   ตามตัวอย่าง ทีมงานจะเลือกขนากของ Logo เป็น แบบ Auto เพื่อ ให้  Logo แสดงผลตามขนาดที่ได้ออกแบบไว้
5. คลิก บันทึก ข้อมูล
   .

ตัวอย่าง โลโก้รูปภาพที่อยู่ในส่วน Top ของเว็บไซต์

– การใช้งาน Logo ในรูปแบบ ตัวอักษร 

1. เลือกเมนู Logo
2. เลือกใช้ โลโก้เป็น ข้อความ (Text)
3. ปรับแต่งข้อความตามที่ต้องการ
4. คลิก บันทึก
   

ตัวอย่างโลโก้ข้อความที่อยู่ในส่วน Top ของเว็บไซต์

การปรับแต่ง background (พื้นหลัง) ในส่วน top ของเว็บไซต์
– การปรับแต่ง Top Background

1. เลือกเมนู Background
2. เลือก Top Background
3. เลือกเมนู สี
4. คลิกเลือกสีตามที่ต้องการ
5. เลือก Choose เพื่อยืนยันการเลือกสี
6. คลิก บันทึก ยืนยันสีที่ต้องการ
   

ตัวอย่าง สี background (พื้นหลัง) ในส่วน top ของเว็บไซต์

 

การปรับแต่งสี Top Bar

1. เลือกเมนู Top Bar
2. คลิก เลือกสีตามที่ต้องการ
3. คลิก Choose สีที่ต้องการ
4. บันทึก ยืนยันสีที่ต้องการ
   .
   
   

ตัวอย่าง การแสดงผล สี Top Bar

 

การปรับใช้รูปภาพใน Top Background

1. เลือกเมนู รูปภาพ
2. คลิก Choose รูปภาพที่ต้องการ
3. เลือก Background Position ที่ต้องการ
4. บันทึก ยืนยันสีที่ต้องการ
   

ตัวอย่าง การแสดงผล รูป Top Background

 

การเปิด-ปิด widget ในส่วน top ของเว็บไซต์

1. ไปที่เมนู Widget
2. เลือกเปิด ON-Off widge ที่ต้องการ
   .

หากต้องการแก้ไขรูปแบบของ widget ที่ต้องการ สามารถคลิกเมนู Style หรือ Manage เพื่อปรับแต่งรูปแบบหรือแก้ไขข้อมูลตามต้องการได้
ตัวอย่าง การแสดงผล widget ในส่วน top ของเว็บไซต์

 

 

การปรับ layout ในส่วน Top ของเว็บไซต์

1. ไปที่เมนู Layout
2. เลือกรูปแบบ layout ที่ต้องการ
3. คลิก บันทึก
   
   .

ตัวอย่าง การแสดงผล layout ในส่วน Top ของเว็บไซต์

เจ้าของเว็บไซต์ สามารถเลือกปรับแต่งความสวยงามในส่วนต่างๆของเว็บไซต์ ได้ตามรายละเอียดข้างต้นนี้ ได้ตามต้องการเลยค่ะ

หากมีข้อสงสัยหรือแนะนำสามารถส่งมาได้ตามช่องทางเหล่านี้