
ลิปวิดีโอนี้เป็นคู่มือสอน "การจัดการรูปแบบ Category Blog" (การแสดงผลบทความแบบหมวดหมู่) สำหรับเว็บไซต์ที่ใช้ Template จาก Hitztheme ครับ ซึ่ง Category Blog คือการนำบทความในหมวดหมู่มาเรียงต่อกัน โดยแสดงทั้งรูปภาพ ชื่อเรื่อง และเนื้อหาเกริ่นนำ (Intro Text) ครับ [00:22]
สรุปเนื้อหาและขั้นตอนการปรับแต่งมีดังนี้:
1. การเข้าถึงเมนูตั้งค่า [01:32]
- ไปที่หลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
- คลิกเลือก Template ที่ใช้งาน และไปที่แถบ "ส่วนเนื้อหา Content" (Content Section) [01:55]
- หัวข้อที่ 1 คือ "การจัดการในหน้าหมวดหมู่บทความแบบ Category Blog" [02:08]
2. การปรับแต่งชื่อบทความ [03:19]
- ขนาดชื่อบทความ: กำหนดขนาดตัวอักษรของชื่อเรื่องในหน้าหมวดหมู่ (หน่วยเป็น PX หรือ EM) [03:24]
- ความหนา: เลือกได้ว่าต้องการให้ชื่อบทความเป็นตัวหนาหรือตัวปกติ [04:24]
3. การจัดการ Layout แบบ 1 หรือ 2 คอลัมน์ [04:38]
หากคุณตั้งค่าให้แสดงบทความ 1 หรือ 2 รายการต่อแถว คุณสามารถปรับสัดส่วนการแสดงผลระหว่างรูปภาพและเนื้อหาได้ดังนี้:
- ขนาดรูปภาพ: กำหนดความกว้างของรูปภาพเป็นเปอร์เซ็นต์ (เช่น 40%) [05:04]
- ขนาดเนื้อหา: กำหนดความกว้างของส่วนข้อความ (เช่น 60%) โดยรวมกับรูปภาพแล้วไม่ควรเกิน 100% [05:49]
- ระยะห่าง (Padding): ปรับระยะห่างรอบๆ รูปภาพและเนื้อหา (บน-ขวา-ล่าง-ซ้าย) เพื่อให้ดูสวยงามและมีช่องว่างที่เหมาะสม [05:14]
4. ข้อแตกต่างตามจำนวนคอลัมน์ [07:18]
- แบบ 1-2 คอลัมน์: สามารถจัดวางรูปภาพไว้ด้านซ้ายและข้อความไว้ด้านขวาได้ เพื่อความสวยงาม [03:01]
- แบบ 3 คอลัมน์ขึ้นไป: ระบบจะใช้ Layout แบบตายตัว คือรูปภาพอยู่ด้านบนและข้อความอยู่ด้านล่าง เนื่องจากพื้นที่ในแนวนอนมีจำกัด [07:34]
เทคนิคเพิ่มเติม: หากต้องการเน้นรูปภาพให้เด่นขึ้นใน Layout แบบ 1 คอลัมน์ ให้ขยายเปอร์เซ็นต์ของรูปภาพให้ใหญ่กว่าส่วนเนื้อหาครับ [06:29]




