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

การปรับแต่งรูปแบบ Header

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


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


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

การตั้งค่า

1. Navigation

    1.1 Navigation layout

  • เมื่อเข้ามายังหน้าตั้งค่า Header เรียบร้อยแล้วให้เลื่อนลงไปคลิกที่ "Navigation" ในตำแหน่งที่ 3


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

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

        

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

     

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



        1.2 สีพื้นหลัง Navigation 

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


- เปลี่ยนสีพื้นหลัง (ในตำแหน่งที่ 1)

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

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


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


              

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



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




         1.4 การตั้งค่าอื่นๆ

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


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




2. Menu

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


  • เลือกรูปแบบเมนูในตำแหน่งที่ 2 โดยมีทั้งหมด 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 น.