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

Hitztheme Template

Documentations

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

 

คลิปวิดีโอนี้เป็นคู่มือสอน "การจัดการรูปแบบ Category List" (การแสดงผลบทความแบบรายการตาราง) สำหรับเว็บไซต์ที่ใช้ Template จาก Hitztheme ครับ ซึ่ง Category List จะเน้นการแสดงผลเป็นรายบรรทัดในรูปแบบตาราง เหมาะสำหรับหน้าที่มีบทความจำนวนมากและต้องการความเรียบง่ายครับ [00:22]

สรุปเนื้อหาและขั้นตอนการปรับแต่งมีดังนี้:

 

1. การเข้าถึงเมนูตั้งค่า [01:20]

  • ไปที่หลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
  • คลิกเลือก Template ที่ใช้งาน และไปที่แถบ "ส่วนเนื้อหา Content" (Content Section)
  • หัวข้อที่ 2 คือ "การจัดการในหน้าหมวดหมู่บทความแบบ Category List" [01:48]

 

2. การปรับแต่งชื่อบทความในรายการ [01:55]

  • ขนาดตัวอักษร: สามารถปรับขนาดชื่อบทความ (หน่วยเป็น PX หรือ EM) เพื่อให้มองเห็นได้ชัดเจนขึ้น [02:03]

 

3. การจัดการตาราง (Table Styles) [02:29]

  • ระยะห่างของตาราง (Cell Padding): ปรับระยะห่างภายในแต่ละช่องตาราง หากต้องการให้ดูสะอาดตาให้เพิ่มระยะห่าง แต่ถ้าต้องการประหยัดพื้นที่ให้ลดระยะห่างลง [02:42]
  • เส้นขอบตาราง (Border):
    • กำหนดความหนาของเส้น (เช่น 1px หรือ 0px หากไม่ต้องการเส้นขอบ) [03:40]
    • เลือกรูปแบบเส้นได้ 3 แบบ: เส้นทึบ (Solid), เส้นประ (Dashed), และ เส้นจุด (Dotted) [04:13]
    • กำหนดสีของเส้นขอบตารางได้ตามต้องการ [04:49]

 

4. การจัดการส่วนหัวของตาราง (Table Header) [05:23]

  • สีและพื้นหลัง: ปรับแต่งสีตัวอักษรและสีพื้นหลังของหัวข้อตาราง (เช่น ส่วนที่แสดงคำว่า "ชื่อบทความ", "ผู้เขียน", "จำนวนเข้าชม") [05:42]
  • ขนาดตัวอักษรหัวข้อ: ปรับให้ใหญ่หรือเล็กกว่าเนื้อหาในตารางได้ [06:08]

 

5. การตั้งค่าเพิ่มเติมผ่านส่วน "ตาราง (Table)" [06:43]

  • รูปแบบ Category List จะสัมพันธ์กับการตั้งค่า "Table" ในส่วน "ภาพรวมเว็บไซต์" (Global Settings) ด้วย
  • คุณสามารถกำหนดค่า Hover Color (สีเมื่อเอาเมาส์ไปชี้) ในส่วน Table เพื่อให้รายการในหน้า Category List เปลี่ยนสีตามที่กำหนดได้ [07:03]

ข้อแตกต่างสำคัญ: Category List จะแสดงเฉพาะชื่อบทความและข้อมูลเบื้องต้นในรูปแบบตาราง จะไม่มีรูปภาพหรือเนื้อหาเกริ่นนำเหมือนกับรูปแบบ Category Blog ครับ [00:48]

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