ส่วนบน (Header)

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

1. ที่อยู่และเบอร์โทรศัพท์ (Address and phone number)

กำหนดที่อยู่และเบอร์โทรศัพท์ โดย

1.1 คลิกที่เมนู Appearance > Customize > Soho Hotel Settings > Header
1.2 กำหนดโทรศัพท์ ในช่อง Phone number
1.3 กำหนดที่อยู่ ในช่อง Address
1.4 คลิก "เผยแพร่"

2. การเลือกสกุลเงิน (Currency selection)

กำหนดการเลือกสกุลเงิน โดย

2.1 คลิกที่เมนู Appearance > Customize > Soho Hotel Settings > Header
2.2 กำหนด Display currency selection เป็น Yes
2.3 คลิก "เผยแพร่"

3. ปุ่มบัญชีของฉัน (My Account button)

กำหนดปุ่มบัญชีของฉัน โดย

3.1 คลิกที่เมนู Appearance > Customize > Soho Hotel Settings > Header
3.2 กำหนด Button label 1 และ Button link 1
3.3 คลิก "เผยแพร่"

4. ปุ่มจองตอนนี้เลย (Book Now button)

กำหนดปุ่มจองตอนนี้เลย (Book Now button) โดย

4.1 คลิกที่เมนู Appearance > Customize > Soho Hotel Settings > Header
4.2 กำหนด Button label 2 และ Button link 2
4.3 คลิก "เผยแพร่"

5. โลโก้ (Logo)

กำหนดโลโก้ของเว็บไซต์ โดย

5.1 คลิกที่เมนู Appearance > Customize > Soho Hotel Settings > Logo
5.2 เพิ่มภาพ Logo ของเว็บไซต์
5.3 คลิก "เผยแพร่"

6. เมนู (Menu)

กำหนดเมนูของเว็บไซต์ โดย

6.1 คลิกที่เมนู Appearance > Menus
6.2 ตั้งค่าเมนูของคุณให้แสดงในตำแหน่ง Primary Navigation
6.3 จากนั้นคลิก "บันทึกเมนู"

7. เปลี่ยนประเภทส่วนบน (Change Header Type)

ประเภทส่วนบนของเว็บไซต์ มีให้เลือกใช้งานได้ 4 รูปแบบ สามารถกำหนดประเภทส่วนบนได้โดย

7.1 คลิกที่เมนู Appearance > Customize > Soho Hotel Settings > Header
7.2. แก้ไข Header Style เลือกรูปแบบ Header ที่ต้องการ
7.3 คลิก "เผยแพร่"

ตัวอย่าง Header Style : Header 1

ส่วนบนเป็นพื้นหลังสีขาวทั้งหมด และเมนูอยู่ทางด้านขวา

ตัวอย่าง Header Style : Header 2

ส่วนบนเป็นแบบโปร่งโดยมีรูป Header เป็นพื้นหลัง และเมนูอยู่ทางด้านขวา

ตัวอย่าง Header Style : Header 3

ส่วนบนเป็นพื้นหลังสีขาวทั้งหมด โดยเมนูแบ่งแสดงทั้งด้านซ้ายและขวา

ตัวอย่าง Header Style : Header 4

ส่วนบนเป็นแบบโปร่งโดยมีรูป Header เป็นพื้นหลัง และเมนูแบ่งแสดงทั้งด้านซ้ายและขวา