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

Hitztheme Template

Documentations

รองรับ  : joomla3  joomla4  joomla5  joomla6 t

ประเภท :  Module

คลิปวิดีโอนี้เป็นการรีวิวและสอนใช้งาน Extension สำหรับ Joomla ที่ชื่อว่า JFontSize ซึ่งเป็นเครื่องมือที่ช่วยให้ผู้ใช้งานเว็บไซต์สามารถปรับขนาดตัวอักษร (ฟอนต์) ให้ใหญ่ขึ้นหรือเล็กลงได้ตามความต้องการครับ [00:24]

สรุปเนื้อหาสำคัญจากคลิปได้ดังนี้:

 

1. JFontSize คืออะไร? [01:19]

เป็นโมดูล (Module) ที่ใช้สำหรับสร้างปุ่มบนหน้าเว็บไซต์ เพื่อให้ผู้ชมสามารถ:

  • เพิ่มขนาดฟอนต์ (+): สำหรับผู้ที่ต้องการอ่านตัวอักษรขนาดใหญ่ขึ้น [01:34]
  • ลดขนาดฟอนต์ (-): ปรับให้เล็กลงตามความเหมาะสม [01:43]
  • ค่าเริ่มต้น (A): กดเพื่อกลับสู่ขนาดฟอนต์ปกติของเว็บไซต์ [01:47]

 

2. การดาวน์โหลดและติดตั้ง [00:52]

  • เนื่องจากเว็บไซต์หลักของผู้พัฒนาปิดไปแล้ว ผู้สอนแนะนำให้ไปดาวน์โหลดไฟล์จาก GitHub (โดยการเลือก "Download ZIP") [02:12]
  • เมื่อได้ไฟล์มาแล้ว ให้ทำการติดตั้งผ่านเมนู Extension Manager ในระบบหลังบ้านของ Joomla ตามปกติ [02:37]

 

3. การตั้งค่าโมดูล [03:02]

  • ตำแหน่ง (Position): เลือกตำแหน่งที่ต้องการให้ปุ่มแสดงผล เช่น ส่วนหัวของเว็บไซต์ (Header) [03:17]
  • Target (เป้าหมาย): ระบุว่าต้องการให้ปุ่มนี้ไปควบคุมฟอนต์ในส่วนไหนของหน้าเว็บ โดยระบุเป็น HTML Tag, ID หรือ Class (ค่าเริ่มต้นคือ body ซึ่งจะคุมทั้งหน้า) [03:38]
  • ขนาดฟอนต์ (Font Size Settings):
    • Maximum: กำหนดขนาดฟอนต์ใหญ่ที่สุดที่ยอมให้ปรับได้ (เช่น 20px) [03:53]
    • Minimum: กำหนดขนาดฟอนต์เล็กที่สุด (เช่น 10px) [04:03]
    • Step: กำหนดระยะการเพิ่ม/ลดต่อการคลิก 1 ครั้ง (เช่น ครั้งละ 2px) [04:08]

 

4. เทคนิคเพิ่มเติมสำหรับการปรับแต่ง [04:48]

  • หากปุ่มกดแล้วฟอนต์ไม่เปลี่ยน อาจเป็นเพราะ Template ที่ใช้มีการล็อกค่าไว้เฉพาะส่วน ผู้ใช้จำเป็นต้องตรวจสอบ ID หรือ Class ของตำแหน่งนั้นๆ แล้วนำมาใส่ในช่อง Target ของโมดูล [05:14]
  • สำหรับการปรับแต่งหน้าตาของปุ่ม (เช่น สี หรือรูปทรง) สามารถทำได้โดยการแก้ไขไฟล์ CSS ของโมดูลหรือ Template ครับ [06:19]

 

โมดูลนี้เหมาะมากสำหรับเว็บไซต์ที่เน้นการเข้าถึง (Accessibility) โดยเฉพาะเว็บหน่วยงานราชการหรือเว็บที่มีกลุ่มเป้าหมายเป็นผู้สูงอายุครับ [01:29]

 

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