วิธีตั้งค่า System Design: Blog Theme Setting เปลี่ยนสี ฟอนต์ และการ์ดสินค้าในบทความ
Blog Theme Setting คือการตั้งค่ารูปแบบและองค์ประกอบต่าง ๆ ของหน้าบทความ เพื่อให้การแสดงผลสอดคล้องกับภาพลักษณ์ของแบรนด์ ครอบคลุมตั้งแต่สีหลัก ฟอนต์ สไตล์ข้อความ ความมนของขอบ ไปจนถึงสีของการ์ดสินค้า
การตั้งค่า Blog Theme
เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb จากนั้นดำเนินการตามขั้นตอนนี้
คลิกเมนู "จัดการ"
เลือกเมนู "Setting CMS"
เลือกเมนูย่อย "System Design"
คลิกแท็บ "Blog Theme"
การตั้งค่าสีหลักของแบรนด์ (Brand Color)
คลิกหัวข้อ "Brand Color" เพื่อกำหนดสีหลัก (Primary Color) ของแบรนด์ โดยสีที่เลือกจะถูกนำไปใช้กับองค์ประกอบต่าง ๆ ดังนี้
- ✓ Button: สีของปุ่ม
- ✓ Tag: สีของแท็ก
- ✓ Primary Box: สีกล่องสำหรับสรุปหรือเน้นประเด็นสำคัญ
- ✓ Numbered Cards: สีของการ์ดแบบมีหมายเลข
- ✓ Check List: สีของรายการแบบเช็กลิสต์
- ✓ Step List: สีของรายการแสดงลำดับขั้นตอน
- ✓ Table: สีของตาราง
หลังจากกำหนดสีแล้ว สามารถตรวจสอบตัวอย่างการแสดงผลได้ที่ส่วน "Live Preview" ทางด้านขวา
ตั้งค่าสีเน้นสำหรับประกาศสำคัญ ใช้ตรงจุด Insert Link
Typeface
ตั้งค่าฟอนต์หลักสำหรับบทความ โดยข้อความทั้งหมดในบทความจะใช้ฟอนต์ที่กำหนดไว้ในส่วนนี้
สามารถกำหนดฟอนต์แยกสำหรับข้อความแต่ละส่วนได้ภายในหน้า Blog ตามต้องการ
Text Styles
ตั้งค่ารูปแบบและสีของข้อความภายในบทความ โดยสามารถเลือกการตั้งค่าได้ 2 รูปแบบ ดังนี้
โหมดเหมือนกันทั้งหมด: กำหนดให้ข้อความทุกสไตล์ภายในบทความใช้สีเดียวกัน โดยสามารถตั้งค่าขนาดตัวอักษรของแต่ละสไตล์แยกกันได้
โหมดระบุแยกแต่ละข้อความ: สามารถกำหนดสีและขนาดตัวอักษรของข้อความแต่ละสไตล์แยกกันได้อย่างอิสระ
Radius
การตั้งค่าความมนของขอบ จะมีผลกับตาราง กล่อง กรอบ และปุ่มในบทความทั้งหมด
Gradient (CTA)
ตั้งค่าสีกล่องตรง CTA
ตั้งค่าสีพื้นหลัง และสีข้อความ
ตั้งค่า angle ของสีเมื่อมีการไล่เฉดสี
Product Card
ตั้งค่าสีการ์ดสินค้า
สรุป: องค์ประกอบที่ตั้งค่าได้ใน Blog Theme
- ✓ Brand Color: สีหลักของปุ่ม แท็ก กล่อง การ์ด และตาราง
- ✓ Typeface: ฟอนต์หลักของบทความ
- ✓ Text Styles: สีและขนาดของข้อความแต่ละสไตล์
- ✓ Radius: ความมนของขอบตาราง กล่อง กรอบ และปุ่ม
- ✓ Gradient (CTA): สีพื้นหลังและมุมไล่เฉดสีของกล่อง CTA
- ✓ Product Card: สีของการ์ดแสดงสินค้า
พร้อมสร้างหน้าบทความให้เข้ากับแบรนด์ของคุณหรือยัง?
ตั้งค่า Blog Theme ให้ครบทุกองค์ประกอบ แล้วให้ทีม Ketshopweb ช่วยดูแลระบบร้านค้าออนไลน์ของคุณแบบครบวงจร
Unified Commerce Platform · OMS + CRM + CDP for Thai Businesses
