การใช้งาน การตั้งค่าสี Header

คู่มือตั้งค่าสี Header: Top Bar และ Navigation Menu

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

คลิก "ปรับแต่ง" แล้วเลือก "Header"

การปรับแต่งสี Header มีอยู่ด้วยกัน 2 เมนูการตั้งค่า

Header ของเว็บไซต์แบ่งออกเป็น 2 ส่วนหลัก ได้แก่ Top Bar ส่วนบนสุดที่แสดงข้อมูลโซเชียล ภาษา และสมาชิก และ Navigation Menu ส่วนที่แสดงโลโก้และเมนูของเว็บไซต์ แต่ละส่วนสามารถปรับสีได้แยกกันตามต้องการ

การตั้งค่าสี Top Bar

Top Bar คือส่วนที่อยู่บนสุดของหน้าเว็บไซต์ เป็นส่วนที่แสดงข้อมูลโซเชียล (Social Icon) ภาษา และส่วนของสมาชิกเว็บไซต์ ดังภาพ

ตำแหน่งของ Top Bar บนหน้าเว็บไซต์

• 3 คลิก "Top Bar"
• 4 เลือกเมนู "ปรับแต่ง Top Bar"

คลิก "Top Bar" แล้วเลือก "ปรับแต่ง Top Bar"

• 5 เปลี่ยนสีพื้นหลังตามต้องการ
• 6 ปรับสีตัวอักษรบน Top Bar

ปรับสีพื้นหลังและสีฟ้อนท์ของ Top Bar

การตั้งค่าสี Navigation Menu

Navigation คือส่วนที่แสดงโลโก้และเมนูของเว็บไซต์ ดังภาพ

ตำแหน่งของ Navigation บนหน้าเว็บไซต์

การตั้งค่าสี Navigation

• 1 คลิกที่แท็บ "Navigation Menu"
• 2 จากนั้นคลิกที่แท็บ "Navigation"

คลิกแท็บ "Navigation Menu" แล้วเลือก "Navigation"

• 3 เลือก "สีพื้นหลัง" ของ Navigation ที่ต้องการ

เลือกสีพื้นหลังของ Navigation

2.2 การตั้งค่าสี Menu

• 1 คลิก "Navigation Menu"
• 2 คลิก "Menu"

คลิกแท็บ "Navigation Menu" แล้วเลือก "Menu"

ในเมนู Menu สามารถปรับแต่งสีได้ตามส่วนต่าง ๆ ดังนี้

• 1 สีตัวอักษร (เมนูหลัก): เปลี่ยนสีตัวอักษรในเมนูหลัก
• 2 สีตัวอักษรตอนเมาส์ชี้ (เมนูหลัก): เปลี่ยนสีตัวอักษรเมื่อนำเมาส์ไปชี้ที่เมนูหลัก
• 3 สีตัวอักษรตอนเมาส์ชี้ (เมนูย่อย): เปลี่ยนสีตัวอักษรเมื่อนำเมาส์ไปชี้ที่เมนูย่อย
• 4 สีพื้นหลังตอนเมาส์ชี้ (เมนูหลัก): เปลี่ยนสีพื้นหลังของแถบเมนูหลัก
• 5 สีพื้นหลังตอนเมาส์ชี้ (เมนูย่อย): เปลี่ยนสีพื้นหลังเมื่อนำเมาส์ไปชี้ที่เมนูย่อย

ปรับแต่งสีตัวอักษรและสีพื้นหลังของเมนูตามตำแหน่งที่ต้องการ