วิธีสร้างแถบสไลด์ภาพบนเว็บไซต์ Joomla

สร้างแถบสไลด์ภาพบนเว็บไซต์ Joomla ได้โดยติดตั้งโมดูลสไลด์ อัปโหลดหรือเลือกภาพ กำหนดขนาดและการเปลี่ยนภาพ แล้วเผยแพร่โมดูลในตำแหน่งที่เทมเพลตรองรับ ตัวอย่างเช่น JO Slideshow เป็นโมดูลฟรีที่รองรับ Joomla 4, 5 และ 6 ส่วน DX Image Slideshow รองรับ Joomla 5 และ 6

❶ เลือกโมดูลสไลด์ภาพ

① เลือกตามจำนวนฟังก์ชันที่ต้องใช้

หากต้องการแสดงภาพพร้อมคำบรรยายและลิงก์ ให้เลือกโมดูลที่กำหนดรายละเอียดแยกแต่ละสไลด์ได้ หากต้องการนำภาพจากโฟลเดอร์มาแสดงเป็นชุด ให้เลือกโมดูลที่อ่านภาพจากโฟลเดอร์ได้

② ตรวจสอบความเข้ากันได้

ก่อนดาวน์โหลด ให้ตรวจ Joomla และ PHP รุ่นที่ส่วนเสริมรองรับ วันที่อัปเดตล่าสุด และรูปแบบการติดตั้ง หากใช้ Joomla 5 หรือ 6 ให้เลือกแพ็กเกจที่ระบุว่ารองรับรุ่นดังกล่าวโดยตรง

❷ ติดตั้งโมดูลและเพิ่มภาพ

① ติดตั้งไฟล์ส่วนเสริม

สำรองข้อมูลเว็บไซต์ก่อน แล้วเข้าสู่หลังบ้าน Joomla ไปที่ System → Install → Extensions อัปโหลดไฟล์ ZIP ของโมดูล เมื่อระบบแจ้งว่าติดตั้งเรียบร้อย ให้กลับไปที่ส่วนจัดการโมดูลของเว็บไซต์

② สร้างโมดูลสไลด์ใหม่

เลือกสร้างโมดูลชนิดสไลด์ภาพที่ติดตั้งไว้ ตั้งชื่อให้สื่อความหมาย เช่น “สไลด์หน้าแรก” แล้วเพิ่มภาพตามวิธีที่โมดูลรองรับ เช่น เลือกจาก Media Manager หรือระบุโฟลเดอร์ภาพ

③ ใส่ข้อความและลิงก์ให้สไลด์

ถ้าโมดูลรองรับ ให้เพิ่มหัวข้อ คำบรรยาย และลิงก์ปลายทางของแต่ละภาพ ข้อความควรสั้นและบอกให้ผู้เข้าชมรู้ว่าจะพบข้อมูลอะไรเมื่อคลิก

❸ ตั้งค่าการแสดงผล

① เลือกขนาดและตำแหน่ง

กำหนดความกว้างและความสูงให้เหมาะกับตำแหน่งโมดูลของเทมเพลต หากต้องการเต็มความกว้าง ให้ตรวจว่าภาพต้นฉบับมีสัดส่วนเหมาะสมและไม่ถูกตัดเนื้อหาสำคัญ

② ตั้งค่าเวลาและปุ่มควบคุม

เลือกความเร็วในการเปลี่ยนภาพและเปิดปุ่มเลื่อนหรือจุดบอกตำแหน่ง เพื่อให้ผู้เข้าชมควบคุมสไลด์เองได้ หากตั้งเล่นอัตโนมัติ ควรใช้จังหวะที่ไม่เร็วเกินไปและไม่ทำให้อ่านข้อความไม่ทัน

③ กำหนดหน้าที่ต้องการให้แสดง

เลือกตำแหน่งโมดูลที่เทมเพลตรองรับ แล้วเปิดแท็บกำหนดเมนูเพื่อเลือกหน้าที่ต้องการ เช่น หน้าแรกหรือหน้าสินค้า ตรวจสถานะให้เผยแพร่ก่อนบันทึก

❹ ปรับภาพและตรวจสอบการใช้งาน

① เตรียมภาพให้โหลดไว

ปรับขนาดภาพให้ใกล้เคียงกับพื้นที่แสดงผลและบีบอัดไฟล์ก่อนอัปโหลด ใช้ชื่อไฟล์ที่เข้าใจง่าย และใส่ข้อความทดแทนภาพในกรณีที่ส่วนเสริมรองรับ

② ทดสอบบนมือถือและคอมพิวเตอร์

เปิดหน้าเว็บบนอุปกรณ์หลายขนาด ตรวจว่าภาพไม่ยืดหรือถูกตัดผิดตำแหน่ง ปุ่มควบคุมกดได้สะดวก และข้อความยังอ่านง่ายบนหน้าจอเล็ก

③ ตรวจปัญหาเมื่อสไลด์ไม่แสดง

ตรวจว่าโมดูลเผยแพร่แล้ว เลือกตำแหน่งถูกต้อง และกำหนดเมนูที่จะแสดงไว้ หากเพิ่งเปลี่ยนภาพหรือการตั้งค่า ให้ล้างแคช Joomla และแคชเบราว์เซอร์แล้วทดสอบซ้ำ

ComSiam แนะนำให้ใช้ภาพที่สื่อสารเป้าหมายเดียวกันและจำกัดจำนวนสไลด์เท่าที่จำเป็น เพื่อให้ผู้เข้าชมเห็นข้อมูลสำคัญได้รวดเร็ว

❺ ดูแลแถบสไลด์หลังเผยแพร่

ตรวจลิงก์และข้อความของแต่ละภาพเมื่อมีการเปลี่ยนโปรโมชันหรือบริการ อัปเดตโมดูลเมื่อมีรุ่นใหม่ และทดสอบการแสดงผลอีกครั้งหลังเปลี่ยนเทมเพลตหรืออัปเดต Joomla หากหน้าเว็บช้าลง ให้ลดขนาดภาพ จำนวนสไลด์ หรือปิดเอฟเฟกต์ที่ไม่จำเป็น

ทีม ComSiam แนะนำให้ตรวจสไลด์บนมือถือเป็นประจำ เพราะภาพที่ดูพอดีบนจอคอมพิวเตอร์อาจแสดงเนื้อหาสำคัญไม่ครบเมื่อหน้าจอแคบ