มีเว็บง่ายๆ ได้แล้ว! วันนี้! กับ Hitzthemeเทมเพลตจูมล่า ภาษาไทย รองรับมือถือ 

Hitztheme Template

Documentations

คู่มือการใช้งาน Hitztheme template

 

ลิปวิดีโอนี้เป็นคู่มือสอน "การจัดการรูปแบบ 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]

พูดคุยผ่าน Messenger
พูดคุยผ่าน LINE
ribbon top right