สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การกำหนดรูปแบบตัวอักษร (Fonts) เริ่มต้นของเว็บไซต์" สำหรับผู้ใช้งาน Template ของ Hitztheme โดยเน้นการใช้ Google Fonts ซึ่งเป็นฟอนต์ฟรีและมีให้เลือกหลากหลายครับ
สรุปประเด็นสำคัญและขั้นตอนการตั้งค่าได้ดังนี้:
- การเข้าถึงเมนูตั้งค่า:
- เข้าสู่ระบบหลังบ้าน เลือกเมนู Extensions > Templates > Styles
- คลิกเลือก Template ที่ใช้งาน และไปที่แถบ "ภาพรวมเว็บไซต์" หัวข้อที่ 4 "กำหนดรูปแบบตัวอักษร" [01:01]
- การเลือกและเปลี่ยนฟอนต์:
- สามารถเลือกฟอนต์จากรายการที่มีให้ ซึ่งดึงมาจาก Google Fonts [01:44]
- ข้อควรระวังเรื่องความหนา (Font Weight): ฟอนต์แต่ละตัวมีความหนาไม่เท่ากัน (เช่น 400, 700) ต้องตั้งค่าความหนาให้ตรงกับที่ฟอนต์นั้นมีใน Google Fonts มิเช่นนั้นฟอนต์จะไม่แสดงผล [03:14]
- การปรับแต่งรายละเอียดตัวอักษร:
- ขนาดตัวอักษร (Font Size): ค่าเริ่มต้นมักอยู่ที่ 16px-18px สามารถปรับให้ใหญ่ขึ้นหรือเล็กลงได้ตามความเหมาะสม [05:17]
- ระยะห่างตัวอักษร (Letter Spacing): ปรับความชิดหรือห่างระหว่างตัวอักษรแต่ละตัว เพื่อความสวยงามหรือให้อ่านง่ายขึ้น [05:46]
- ระยะห่างบรรทัด (Line Height): ปรับระยะห่างระหว่างบรรทัด (ค่าเริ่มต้นประมาณ 180%) การเพิ่มระยะห่างจะช่วยให้เนื้อหาที่ยาวๆ อ่านได้สบายตาขึ้น [06:57]
- คำแนะนำเพิ่มเติม:
- การปรับขนาดหรือระยะห่างที่มากเกินไปอาจส่งผลต่อการจัดวางเลย์เอาต์ของเว็บไซต์ (เช่น ข้อความหลุดจากกรอบหรือทับซ้อนกับรูปภาพ) จึงควรปรับให้สมดุล [07:51]
- หากต้องการกลับไปใช้ค่าเริ่มต้น ให้ลบค่าที่กรอกไว้ออกแล้วกด Save ระบบจะคืนค่ามาตรฐานของ Template ให้ทันที [08:08]
คลิปนี้ช่วยให้เจ้าของเว็บไซต์สามารถปรับเปลี่ยนหน้าตาของตัวอักษรให้เข้ากับแบรนด์หรือสไตล์ที่ต้องการได้ง่ายๆ โดยไม่ต้องเขียนโค้ดครับ
