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

Hitztheme Template

Documentations

คลิปวิดีโอนี้เป็น EP.9 ของซีรีส์สอน Page Builder CK (2021) ซึ่งจะแนะนำการใช้งานเครื่องมือในหมวดมัลติมีเดีย 2 ตัว คือ Audio (ไฟล์เสียง) และ Video (วิดีโอ) เพื่อเพิ่มความน่าสนใจให้กับเว็บไซต์ครับ [00:27]

สรุปขั้นตอนการใช้งานจากคลิปได้ดังนี้:

 

1. เครื่องมือ Audio (เครื่องเล่นเพลง/เสียง) [00:38]

  • หน้าที่: ใช้สำหรับแสดงแถบเครื่องเล่นเสียงบนหน้าเว็บ [00:43]
  • การใช้งาน:
    • ลาก Element Audio มาวางในตำแหน่งที่ต้องการ [01:04]
    • คลิก Edit และเลือกไฟล์เสียง (เช่น .mp3) ที่อัปโหลดไว้ในโฟลเดอร์ Image ของ Joomla [01:28]
    • Options: สามารถตั้งค่า Autoplay (เล่นอัตโนมัติ) ได้ หากตั้งเป็น No จะแสดงเป็นแถบ Play/Pause ให้ผู้ใช้คลิกเอง [02:04]
    • สามารถวางเครื่องเล่นหลายตัวพร้อมกันได้เพื่อนำเสนอลิสต์ของเสียงต่างๆ [02:44]

 

2. เครื่องมือ Video (เครื่องเล่นวิดีโอ) [03:03]

  • หน้าที่: ใช้แสดงวิดีโอจากไฟล์ในเครื่องหรือดึงมาจากแหล่งภายนอกอย่าง YouTube [03:10]
  • เทคนิคการดึงวิดีโอจาก YouTube:
    • ผู้สอนแนะนำว่าไม่ควร Copy URL จากแถบที่อยู่ด้านบนเบราว์เซอร์โดยตรง เพราะบางครั้งอาจไม่แสดงผล [03:55]
    • วิธีที่ถูกต้อง: ให้กดปุ่ม Share ใต้วิดีโอ YouTube แล้ว Copy URL สั้นๆ จากตรงนั้นมาวางในช่อง Video URL ของ Page Builder [04:05]
  • การปรับแต่ง:
    • กำหนดความกว้าง (Width) ความสูง (Height) และตำแหน่งการจัดวาง [04:37]
    • ตั้งค่าการเล่นซ้ำ (Loop) หรือการเล่นอัตโนมัติ (Autoplay) ได้ตามความต้องการ [04:49]

 

3. การปรับแต่งสไตล์ (Properties) [05:40]

ทั้ง Audio และ Video สามารถปรับแต่งสไตล์เพิ่มเติมได้เหมือนกับ Element อื่นๆ เช่น:

  • กำหนดสีพื้นหลัง (Background) [05:40]
  • ปรับระยะห่าง (Margin/Padding) เพื่อเว้นพื้นที่ว่างรอบๆ ตัวเครื่องเล่น [05:46]
  • ใส่เส้นขอบ (Border) หรือเงา (Shadow) เพื่อให้ดูโดดเด่นขึ้น [05:52]

 

การนำมัลติมีเดียมาใช้งานจะช่วยให้เว็บไซต์ดูมีชีวิตชีวาและสื่อสารข้อมูลได้หลากหลายรูปแบบมากขึ้นครับ [06:13]

 

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