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

การใช้งาน การปรับแต่งรูปแบบ Header

20 ธ.ค. 2022, 12:27
"Header" เป็นส่วนที่อยู่ตอนบนสุดของหน้าแรกเว็บไซต์ อีกทั้งยังเป็นส่วนที่สำคัญที่ช่วยดึงดูดผู้ชมให้ติดตามเนื้อหา สินค้า หรือข้อมูลอื่นๆ ที่อยู่ภายในเว็บไซต์
Header เป็นส่วนที่อยู่ตอนบนสุดของหน้าแรกเว็บไซต์ อีกทั้งยังเป็นส่วนที่สำคัญที่ช่วยดึงดูดผู้ชมให้ติดตามเนื้อหา สินค้า หรือข้อมูลอื่นๆ ที่อยู่ภายในเว็บไซต์


การปรับแต่งรูปแบบ Header ส่วนของ Header จะแบ่งเป็น 2 ส่วนหลักๆ คือ Navigation Menu กับ Top Bar


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

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

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

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



(ตำแหน่งที่ 3) คลิกเมนู "Navigation" 



เลือกรูปแบบ Navigation Layout ที่ต้องการโดยมีทั้งหมด 4 รูปแบบดังนี้



ตัวอย่างการใช้งาน "Navigation Layout"

1. รูปแบบมาตรฐาน 

        

2. รูปแบบเน้นใช้งานเมนู

     

3. รูปแบบสมัยใหม่


4. แฮมเบอร์เกอร์เมนู


สีพื้นหลัง Navigation 

สามารถปรับแต่งสีได้ในหน้าเดิม โดยมีเครื่องมือปรับแต่งดังนี้

(ตำแหน่ง A) เปลี่ยนสีพื้นหลัง 

(ตำแหน่ง B) ใช้งานพื้นหลังโปร่งใส 

(ตำแหน่ง C) เปิดใช้งานพื้นหลังเมนู ในกรณีที่เปิดใช้งานพื้นหลังโปร่งใส 



 ตัวอย่าง การปิดใช้งานพื้นหลังโปร่งใส


ตัวอย่าง การเปิดใช้งานพื้นหลังโปร่งใส


รูปภาพ

สามารถตั้งค่าโดยใส่ Logo ร้านค้าและรูปภาพตะกร้าสินค้า


การตั้งค่าอื่นๆ
เต็มหน้าจอ เป็นเปิดการใช้งานการตั้ง Header ให้ขยายใหญ่ขึ้นตามความกว้างของหน้าจอ


ตรึงเมนู  เป็นเปิดการใช้งานการตั้งค่าสกอร์ลงข้างล่างเมนู ส่งผลให้แถบเมนูตรึงอยู่ด้านบนเสม



การตั้งค่า Menu

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

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

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



(ตำแหน่งที่ 3) สามารถทำการตั้งค่ารูปแบบเมนูได้โดยการคลิกที่แท็บ "Menu"



เลือกรูปแบบเมนู โดยมีทั้งหมด 6 รูปแบบ ดังนี้




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 น.