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

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

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


  • เข้าระบบจัดการหลังบ้านเว็บไซต์ Ketshopweb จากนั้นคลิกคำว่า "ปรับแต่ง"  ในตำแหน่งที่ 1  จากนั้นเลื่อนลงไปคลิกที่ "Header" ในตำแหน่งที่ 2


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

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

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




การตั้งค่า

  • คลิกที่แถบ "Top Bar" (ตำแหน่งที่ 3) จากนั้นคลิกที่ "ปรับแต่ง Top Bar" (ตำแหน่งที่ 4)


  • ปรับสีพื้นหลังได้ที่ ตำแหน่งที่ 5 และปรับสีฟ้อนท์ของ Top Bar ได้ที่ตำแหน่งที่ 6



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

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



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

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



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


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

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


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




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

http://www.ketshopweb.com

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

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

ระบบร้านค้าออนไลน์Headerการตั้งค่าสี Header
เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.