สั่งซื้อเทมเพลตคลิปวิดีโอนี้สอนวิธีการจัดการและแก้ไข Module (โมดูล) ในเว็บไซต์ Joomla โดยใช้ตัวอย่างจาก Template ของ Hitztheme เพื่อให้ผู้ใช้งานสามารถปรับเปลี่ยนข้อมูลในตำแหน่งต่างๆ ของหน้าเว็บได้เองครับ [00:15]
สรุปเนื้อหาสำคัญได้ดังนี้:
1. วิธีดูตำแหน่ง (Position) ของ Module [02:15]
ก่อนจะแก้ไข เราต้องรู้ก่อนว่าส่วนที่ต้องการเปลี่ยนเรียกว่าตำแหน่งอะไร ซึ่งดูได้ 3 วิธี:
- วิธีที่ 1 ดูในหลังบ้าน Joomla: ไปที่ Extensions > Template > Styles คลิกเลือก Template ที่ใช้ แล้วดูในแท็บ Description จะมีรูปภาพระบุชื่อตำแหน่ง (Position) ต่างๆ ไว้ [02:36]
- วิธีที่ 2 ดูที่หน้าเว็บ Hitztheme: ไปที่เมนู "ช่วยเหลือ > คู่มือการใช้งาน" แล้วเลือก Template ที่สั่งซื้อ จะมีรายละเอียดชื่อตำแหน่งและประเภทของโมดูลบอกไว้ [03:46]
- วิธีที่ 3 เปิดฟังก์ชัน Preview: เข้าไปที่ Template Options แล้วเปิด "Preview Module Positions" ให้เป็น Enable จากนั้นคลิกไอคอนรูปตาเพื่อดูตำแหน่งทั้งหมดบนหน้าเว็บจริง [18:12]
2. วิธีการแก้ไข Module [05:09]
เมื่อรู้ชื่อตำแหน่งแล้ว (เช่น info-top, slide) ให้ทำดังนี้:
- ไปที่ Extensions > Site Modules [05:15]
- ใช้ Filter Options เพื่อค้นหาตามตำแหน่ง (Select Position) จะช่วยให้หาโมดูลที่ต้องการได้ง่ายขึ้น [05:24]
- คลิกเข้าไปแก้ไขข้อมูลตามประเภทของโมดูล:
- Custom HTML: แก้ไขได้เหมือนพิมพ์งานใน Word (ใส่ข้อความ, รูปภาพ, ไอคอน) [06:00]
- Slideshow CK: แก้ไขรูปภาพสไลด์ในแท็บ Source [07:34]
- Page Builder CK: แก้ไขโดยการคลิก Edit Item ในส่วนต่างๆ ของหน้าเว็บ [08:41]
3. เทคนิคเพิ่มเติม [08:46]
- การเปลี่ยนไอคอน: แนะนำให้ใช้โค้ดจากเว็บ Font Awesome มาวางในช่อง CSS Class หรือเลือกจาก SVG Icon [09:00]
- การใส่ Effect รูปภาพ: สอนการใช้ Image Effect CK โดยการก๊อปปี้ชื่อ Class ของเอฟเฟกต์ที่ชอบจากเว็บผู้พัฒนามาใส่ เพื่อให้รูปภาพมีการเคลื่อนไหวหรือแสดงข้อความเมื่อเอาเมาส์ไปวาง [13:40]
- Load Module: คือการดึงโมดูลหนึ่งไปแสดงผลซ้อนในอีกโมดูลหนึ่ง เพื่อความหลากหลายในการจัดหน้า [11:47]
สรุปสั้นๆ คือ "รู้ตำแหน่ง > หาโมดูลตามตำแหน่ง > แก้ไขตามประเภทโมดูล" จะทำให้เราจัดการหน้าแรกของเว็บไซต์ได้ทั้งหมดครับ [17:02]
