ตกแต่ง

ออกแบบตกแต่งหน้าเว็บไซต์ โดยการใส่โลโก้ของธุรกิจ โลโก้ส่วนหัว ฟอนต์ของเว็บไซต์ และรูปแบบสีของเว็บไซต์

 

รูปแบบทั่วไป

1. โลโก้เว็บไซต์

• Favicon: ไอคอนที่แสดงบนตำแหน่งต่าง ๆ บนหน้าเว็บ เช่น บนแท็บเว็บเบราว์เซอร์ และ หน้าผลลัพธ์การค้นหาของ Google
• โลโก้ส่วนหัวของเว็บไซต์: ภาพโลโก้ที่แสดงส่วนหัวด้านบนของเว็บไซต์

 

 

 

2. ฟอนต์เว็บไซต์

เลือกรูปแบบฟอนต์ที่มีในระบบ โดยการคลิก เลือกฟอนต์

 

 

จากนั้นเลือกฟอนต์ที่ต้องการใช้งาน คลิก ปิด แล้วคลิก บันทึก เมื่อทำการเปลี่ยนฟอนต์ของเว็บไซต์เนื้อหาทุกตำแหน่งจะเปลี่ยนไปตามฟอนต์ที่เลือก

 

3. ปรับแต่งเลย์เอาท์ 

เป็นการกำหนดค่า ความโค้งมนของปุ่ม (Corner Radius) โดยผู้ใช้สามารถตั้งค่าได้ ค่าเริ่มต้น (Default): 6 px และค่าสูงสุด: 100 px ซึ่งมีผลกับปุ่มทุกประเภทที่ใช้งานในระบบ

 

 

ตัวอย่างการแสดงผลบนเว็บไซต์

 

หากต้องการปรับความโค้งมน ให้เพิ่มจำนวนตัวเลขมากขึ้น

ตัวอย่างการแสดงผลบนเว็บไซต์

 

 

4. ปุ่มกลับไปด้านบน (Back to Top)

เพื่ออำนวยความสะดวกให้ผู้ใช้งานสามารถกลับไปยังด้านบนสุดของหน้าได้อย่างรวดเร็ว โดยเปิดใช้งาน และเลือกตำแหน่งของการแสดงผลให้ชิดซ้าย หรือชิดขวา ตามต้องการ

 

 

ตัวอย่างการแสดงผลบนเว็บไซต์

 

รูปแบบสี

 

 

ชุดสีเว็บไซต์ สามารถเปลี่ยนการแสดงผลโทนสีของเว็บไซต์ ซึ่งจะมี ชุดสีสำเร็จรูป ที่ระบบกำหนดให้ทั้งหมด 7 ชุดสี

 

รายละเอียดชุดสีเว็บไซต์ มีการตั้งค่ารูปแบบสีส่วนต่าง ๆ ของเว็บไซต์ ได้ดังนี้

• พื้นหลังพื้นที่ส่วนหัว: แสดงสีพื้นหลังที่ด้านบนสุดของเว็บไซต์
• พื้นหลังเว็บไซต์: แสดงสีพื้นหลังของเนื้อหาในเว็บไซต์
• ข้อความเมนู: สีตัวอักษรของเมนูด้านบน
• ข้อความเมนูเมื่อถูกเมาส์: สีตัวอักษรของเมนูด้านบน ซึ่งจะแสดงผลเมื่อผู้ชมนำเมาส์ไปชี้เมนูนั้น ๆ
• พื้นหลังเมนู: สีพื้นหลังของเมนูด้านบนทั้งหมด
• หัวเรื่องหลัก: สีตัวอักษรของข้อมูลที่เป็นหัวเรื่องหลักของเว็บไซต์
• หัวเรื่องรอง: สีตัวอักษรของข้อมูลที่เป็นหัวข้อรองของเว็บไซต์
• ข้อความปุ่ม: สีของตัวอักษรที่แสดงบนปุ่มลิงก์ในเว็บไซต์
• ข้อความปุ่มเมื่อถูกเมาส์: สีของตัวอักษรที่แสดงบนปุ่มลิงก์ในของเว็บไซต์ ซึ่งจะแสดงผล เมื่อผู้ชมนำเมาส์ไปชี้ปุ่มนั้น ๆ
• พื้นหลังปุ่ม: สีพื้นหลังของปุ่มลิงก์ในเว็บไซต์
• พื้นหลังปุ่มเมื่อถูกเมาส์: สีพื้นหลังของปุ่มในเว็บไซต์ ซึ่งจะแสดงผลเมื่อผู้ชมนำเมาส์ไปชี้ปุ่มนั้น ๆ
• ลิงก์: สีของข้อความที่มีการผูกลิงก์ไว้
• ลิงก์เมื่อถูกเมาส์: สีของข้อความที่มีการผูกลิงก์ไว้ ซึ่งจะแสดงผลเมื่อผู้ชมนำเมาส์ไปชี้ลิงก์นั้น ๆ เช่น ลิงก์ในส่วน Footer Link
• ข้อความพื้นที่ด้านล่าง: สีตัวอักษรของเมนูด้านล่าง
• พื้นหลังพื้นที่ด้านล่าง: แสดงสีพื้นหลังของข้อมูลที่อยู่ด้านล่างสุดของเว็บไซต์

 

 

กลับสู่หน้าหลัก