คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

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

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

K
KetShopWeb Team
2022-12-30 14:03:40
การใช้งาน การตั้งค่าสี Header
ารตั้งค่าสี Header เป็นการสร้างการรับรู้เกี่ยวกับร้านค้า อีกทั้งยังดึงดูดให้ลูกค้าตัดสินใจซื้อสินค้าได้ง่ายขึ้น นอกจากนี้ยังเป็นการสร้างภาพลักษณ์ความน่าเชื่อถือให้แก่ตัวร้านค้าอีกด้วย

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

เข้าระบบจัดกาเว็บไซต์ Ketshopweb 

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง"    

(ตำแหน่งที่ 2) คลิก "Header" 


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


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

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

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


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


การตั้งค่า

(ตำแหน่งที่ 3) คลิก "Top Bar"  

(ตำแหน่งที่ 4) เลือกเมนู "ปรับแต่ง Top Bar


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


(ตำแหน่งที่ 5) เปลี่ยนสีพื้นหลังตามต้องการ

(ตำแหน่งที่ 6) ปรับสีฟ้อนท์ของ Top Bar 


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



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

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


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


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

(ตำแหน่งที่ 1) คลิกที่แท็บ "Navigation Menu"  

(ตำแหน่งที่ 2) จากนั้นคลิกที่แท็บ "Navigation


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


(ตำแหน่งที่ 3) เลือก "สีพื้นหลัง" Navigation ที่ต้องการ  


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


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

(ตำแหน่งที่ 1) คลิก "Navigation Menu

(ตำแหน่งที่ 2) คลิก "Menu" 


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


ปรับแต่งสีตามเมนูที่ต้องการ ดังนี้

(ตำแหน่งที่ 1) สีตัวอักษร (เมนูหลัก) การเปลี่ยนสีตัวอักษรในเมนูหลัก

(ตำแหน่งที่ 2) สีตัวอักษรตอนเม้าส์ชี้ (เมนูหลัก) การเปลี่ยนสีตัวอักษรเมื่อนำเมาส์ไปชี้ที่เมนูหลัก

(ตำแหน่งที่ 3) สีตัวอักษรตอนเม้าส์ชี้ (เมนูย่อย) การเปลี่ยนสีตัวอักษรเมื่อนำเมาส์ไปชี้ที่เมนูย่อย

(ตำแหน่งที่ 4) สีพื้นหลังตอนเม้าส์ชี้ (เมนูหลัก) เป็นการเปลี่ยนสีพื้นหลังของแถบเมนู

(ตำแหน่งที่ 5) สีพื้นหลังตอนเม้าส์ชี้ (เมนูย่อย) การเปลี่ยนสีพื้นหลังเมื่อนำเมาส์ไปชี้ที่เมนูย่อย


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




Ketshopweb | เครื่องมือร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

http://www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com

คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์KetShopWebE-commerce
แชร์: