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

Hitztheme Template

Documentations

คลิปวิดีโอนี้อธิบายถึง หลักการทำงานและการปรับแต่ง Module (โมดูล) ใน Joomla ตามตำแหน่ง (Position) ต่างๆ บนหน้าเว็บไซต์ เพื่อให้ผู้ใช้งานเข้าใจการจัดวางเนื้อหาได้อย่างอิสระครับ [00:15]

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

 

1. พื้นฐานตำแหน่งโมดูล (Module Positions) [01:14]

  • เราต้องรู้ชื่อตำแหน่งที่ต้องการแก้ไขก่อน โดยดูได้จากแท็บ Description ในหน้าตั้งค่า Template ซึ่งจะมีรูปผังตำแหน่งโมดูลบอกไว้ (เช่น ตำแหน่ง slide, info-top) [02:04]
  • ใน 1 ตำแหน่ง (Position) ไม่จำเป็นต้องมีแค่ 1 โมดูล เราสามารถสร้างหลายโมดูลมาวางซ้อนกันในตำแหน่งเดียวกันได้ โดยโมดูลจะเรียงลำดับตามที่เราตั้งค่าไว้ [02:58]

 

2. รูปแบบการนำโมดูลมาใช้งาน [03:31]

  • แบบแสดงผลโดยตรง (Direct Module): [03:46]
    • เป็นการนำโมดูลประเภทนั้นๆ ไปวางที่ตำแหน่ง Position โดยตรงเพื่อให้แสดงผลเต็มพื้นที่ เช่น การเอาโมดูล Slideshow CK ไปวางที่ตำแหน่ง slide [04:26]
  • แบบดึงโมดูลมาแสดง (Load Module): [05:35]
    • เป็นการใช้โมดูลกลาง (เช่น Page Builder CK) มาช่วยจัด Layout ก่อน แล้วค่อย "โหลด" โมดูลอื่นมาใส่ข้างในอีกที [06:51]
    • วิธีนี้ช่วยให้เราแบ่งคอลัมน์ (เช่น 3 คอลัมน์) เพื่อใส่ข้อมูลที่หลากหลายในตำแหน่งเดียวได้ เช่น ใส่ทั้งรูปภาพ ข้อความ และวิดีโอ [08:18]

 

3. การจัดการลำดับโมดูล [11:18]

  • เราสามารถปรับเปลี่ยนลำดับการแสดงผล (ว่าอันไหนจะอยู่บนหรือล่าง) ได้ง่ายๆ โดยการคลิกที่สัญลักษณ์ ลูกศรขึ้น-ลง หรือจุด 3 จุด ในหน้า Site Modules แล้วลากวางเพื่อสลับลำดับ [11:32]
  • ให้ยึดการแสดงผลที่หน้าเว็บไซต์จริงเป็นหลักในการจัดลำดับ [12:27]

 

4. คำแนะนำสำหรับมือใหม่ [16:09]

  • เน้นเปลี่ยนข้อมูลจริงก่อน: เมื่อติดตั้งเว็บไซต์เสร็จ แนะนำให้เปลี่ยนข้อความและรูปภาพตามรูปแบบเดิมที่มีให้ครบ 70-80% ก่อน เพื่อให้งานเดินหน้า [16:15]
  • อย่าเพิ่งรีบปรับ Layout ซับซ้อน: การมัวแต่คิดจะเพิ่มฟีเจอร์ใหม่ๆ ตั้งแต่เริ่มจะทำให้งานเสร็จช้า เมื่อข้อมูลจริงลงตัวแล้วค่อยกลับมาเพิ่มลูกเล่นหรือปรับตำแหน่งทีหลังจะดีกว่า [16:38]

 

สรุปคือการเข้าใจเรื่อง Position และการใช้โมดูลอย่างเหมาะสมกับขนาดพื้นที่ จะช่วยให้เราออกแบบหน้าเว็บไซต์ให้สวยงามและเป็นระเบียบได้ครับ [15:49]

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