สั่งซื้อเทมเพลตคลิปวิดีโอนี้คือ EP.16 การย้าย Module ต่าง Positions ใน Joomla 4 ซึ่งสอนวิธีการเปลี่ยนตำแหน่งการแสดงผลของส่วนประกอบต่างๆ (Modules) บนหน้าเว็บไซต์ครับ [00:00:21]
สรุปขั้นตอนและหลักการสำคัญได้ดังนี้:
1. วิธีดูตำแหน่ง (Positions) ทั้งหมดของ Template [00:02:35]
ก่อนจะย้าย เราต้องรู้ก่อนว่า Template ที่เราใช้มีตำแหน่งชื่ออะไรบ้าง:
- ไปที่ System > Site Template Styles [00:02:40]
- คลิกที่รูป "ดวงตา" (Preview) เพื่อดูชื่อตำแหน่งบนหน้าเว็บจริง [00:02:46]
- หมายเหตุ: หากคลิกไม่ได้ ให้ไปเปิดใช้งานที่ปุ่ม Options > Preview Module Positions > Enabled ก่อน [00:02:51]
2. ขั้นตอนการย้ายตำแหน่งโมดูล [00:04:10]
- ไปที่เมนู Content > Site Modules
- คลิกเลือกโมดูลที่ต้องการย้าย (เช่น กล่อง Facebook Like Box) [00:04:04]
- ที่หัวข้อ Position ทางด้านขวา ให้คลิกเลือกตำแหน่งใหม่ที่ต้องการ โดยดูตามชื่อตำแหน่งของ Template ที่เราเช็คมาในข้อแรก [00:04:28]
- กด Save และไป Refresh หน้าเว็บเพื่อดูผลลัพธ์ [00:05:23]
3. สิ่งสำคัญที่ต้องคำนึงถึงเมื่อย้ายโมดูล [00:06:01]
- ขนาดพื้นที่: พื้นที่แต่ละตำแหน่ง (ซ้าย, ขวา, กลาง) มีความกว้างไม่เท่ากัน เมื่อย้ายมาแล้วต้องเช็คว่าโมดูลแสดงผลได้พอดีหรือไม่ ไม่กว้างจนล้นหรือแคบจนดูไม่สวยงาม [00:06:12]
- การแสดงผลบนมือถือ (Responsive): หลังจากย้ายและปรับขนาดโมดูลแล้ว ควรตรวจสอบการแสดงผลบนมือถือเสมอ (โดยการกด F12 บน Chrome และเลือกโหมด Mobile) เพื่อให้แน่ใจว่าเนื้อหาไม่หลุดขอบหน้าจอ [00:08:14]
4. เทคนิคเพิ่มเติม [00:12:11]
- ในหนึ่งตำแหน่ง (Position) ไม่จำเป็นต้องมีแค่ 1 โมดูล เราสามารถใส่หลายๆ โมดูลซ้อนกันในตำแหน่งเดียวกันได้
- การย้ายตำแหน่งช่วยให้เราจัดระเบียบหน้าเว็บ (Layout) ให้ดูมีความสมดุล (Balance) และน่าใช้งานมากขึ้นครับ [00:12:22]
