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

Hitztheme Template

Documentations

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

ประเภท :  Plugin

คลิปวิดีโอนี้สอนการใช้ปลั๊กอินที่ชื่อว่า MediaBox CK สำหรับ Joomla เพื่อสร้างผลลัพธ์แบบ Pop-up Image (หรือ Lightbox) เมื่อผู้ชมคลิกที่รูปภาพแล้วจะมีรูปขยายใหญ่เด้งขึ้นมาตรงกลางหน้าจอครับ [00:35]

สรุปประเด็นสำคัญและขั้นตอนการใช้งานจากคลิปมีดังนี้:

 

1. ความสามารถของ MediaBox CK [02:04]

  • ทำ Pop-up ได้ทั้งรูปภาพ ข้อความ และวิดีโอจาก YouTube [02:12]
  • สร้างเอฟเฟกต์ Lightbox ที่สวยงามและปรับแต่งสีพื้นหลังหรือข้อความ Caption ได้ [05:04]
  • รองรับทั้งการใช้งานร่วมกับบทความปกติ (Standard Article) และเครื่องมือสร้างหน้าเว็บอย่าง Page Builder CK [01:30]

 

2. วิธีการตั้งค่าที่สำคัญ [04:19]

ในหน้าตั้งค่าปลั๊กอิน (Plugin Manager) จะมีหัวข้อที่ต้องเลือกคือ:

  • Class: ใช้สำหรับการระบุชื่อ Class (เช่น lightbox) ในรูปภาพที่เราต้องการให้เป็น Pop-up เหมาะสำหรับบทความปกติ [04:40]
  • Rel: ใช้สำหรับการทำงานร่วมกับ Page Builder CK [04:30]

 

3. ขั้นตอนการทำในบทความปกติ (Standard Article) [06:25]

  1. ใส่รูปภาพในบทความตามปกติ
  2. คลิกที่รูปภาพแล้วเลือกเมนู Link (ไอคอนรูปโซ่) [06:55]
  3. ใส่ URL ของรูปภาพนั้นๆ ในช่อง Link URL (เพื่อให้คลิกแล้วเปิดรูปเดิม) [07:00]
  4. ที่แท็บ Advanced ในช่อง Classes ให้พิมพ์คำว่า lightbox (หรือตามที่ตั้งค่าไว้ในปลั๊กอิน) [07:17]

 

4. ขั้นตอนการทำใน Page Builder CK [09:25]

  1. เลือกโมดูลรูปภาพ (Single Image)
  2. เปิดเมนูการตั้งค่า Lightbox แล้วเลือกเป็น Yes [10:07]
  3. หากมีหลายรูป สามารถตั้งค่า Group Image เพื่อให้ผู้ชมกดปุ่ม Next/Prev ดูรูปภาพอื่นๆ ในกลุ่มเดียวกันได้ทันที [13:12]

 

5. ข้อควรระวัง (สำคัญมาก) [11:03]

  • การย้ายเว็บไซต์: หากทำ Pop-up ในขณะที่ทดสอบเว็บในคอมพิวเตอร์ (Localhost) แล้วย้ายขึ้นโฮสต์จริง (Hosting) ลิงก์ของรูปภาพใน Pop-up อาจจะพังและไม่แสดงผล [11:20]
  • คำแนะนำ: ควรมาตั้งค่า Lightbox หลังจากที่นำเว็บไซต์ขึ้นโฮสต์จริงเรียบร้อยแล้ว เพื่อป้องกันปัญหาเรื่อง Path ของลิงก์รูปภาพผิดพลาดครับ [12:21]

 

ปลั๊กอินตัวนี้ช่วยให้เว็บไซต์ดูทันสมัยและใช้งานง่ายขึ้น โดยเฉพาะกับเว็บที่เน้นโชว์ผลงานหรือรูปภาพสินค้าครับ [13:50]

 

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