วิธีการตั้งค่าสีเว็บไซต์ของ KETSHOPWEB

Feb 2, 2017 05:29 PM
<img class="aligncenter size-full wp-image-1134" src="https://blog.ketshopweb.com/wp-content/uploads/2017/02/color_setting-01.jpg" alt="" wi
การตั้งค่าสีจะแบ่งเป็น 9 ส่วนตามภาพด้านบนเป็นหัวข้อดังนี้
  1. Top Bar
  2. Header
  3. Menu
  4. Footer
  5. Social Footer
  6. All Button
  7. Product Label
  8. Cart Button
  9. Back to top Button

  • Top Bar

Top Bar คือ ส่วนบนสุดของเว็บไซต์ เป็นแถบที่แสดง Icon Social, เข้าสู่ระบบ, สมัครสมาชิก, แสดงภาษาอื่นๆ  
Header คือ ตรงส่วนของ Logo และ Menu ด้านบนของเว็บไซต์ ในแต่ละ Header จะมีตำแหน่ง Logo และ Menu ที่ต่างกัน ในส่วนของตรงนี้ ถ้าหากผู้ใช้ ใช้ Header 1 ผู้ใช้จะต้องตั้งค่าสีหมายเลข 1 และหมายเลข 2 ให้เป็นสีเดียวกัน    
ลักษณะการตั้งค่าสีของ Menu จะมีด้วยกัน 2 แบบ คือ
  1. แบบมีพื้นหลัง - จะใช้แค่หมายเลข 3 เท่านั้น หมายเลข 4 จะไม่แสดงผลให้เห็น
 

2. ไม่มีพื้นหลัง มีแต่เส้นขอบ - ตรงนี้จะตั้งค่าในหมายเลข 4 หมายเลข 3 จะไม่แสดงผลให้เห็น (จากภาพยกตัวอย่างมาแค่รูปแบบเดียว)

 
เป็นส่วนท้ายของเว็บไซต์ ซึ่งจะตั้งค่าสีได้ตามนี้  
เป็นส่วนท้ายสุดของเว็บไซต์ เป็นส่วนที่แสดง Copy Right และ Social Icon ใน Footer ซึ่งจะตั้งค่าสีได้ดังนี้  
  • All Button

เปลี่ยนสีปุ่มทั้งหมดภายในเว็บไซต์
  • Product Label

Product Label คือ แถบสีที่อยู่ภายในหน้าสินค้า ซึ่งสีนี้จะสามารถตั้งค่าได้แค่ 2 รูปแบบการแสดงผลสินค้าเท่านั้น คือการแสดงผลแบบที่ 1 และแบบที่ 2 ซึ่งสามารถตั้งค่าสีได้ดังนี้  
  • Cart Button และ Back To to Button

Cart Button คือ ปุ่มตะกร้าด้านข้างที่จะปรากฎเมื่อปิดโหมด Header Fix Back to top Button คือ ปุ่มย้อนกลับด้านบนที่จะปรากฎพร้อมกับ Cart Button

หมายเลข 2 และ 5 จะแสดงให้เห็นตอนเม้าาส์ชี้ที่ปุ่มเท่านั้น

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