Dev to webs {Coding…}

เรียนรู้การพัฒนาซอฟเวอร์ เพื่อความรู้ที่ยั่งยืน

บทที่ 11: การจัดการสื่อ (Media) ใน WordPress

1. Media คืออะไร?

Media ใน WordPress หมายถึงไฟล์ต่าง ๆ ที่ใช้ในเว็บไซต์ เช่น รูปภาพ วิดีโอ ไฟล์เสียง และเอกสาร ไฟล์เหล่านี้สามารถอัปโหลดและจัดการได้ผ่าน Media Library ของ WordPress


2. การอัปโหลดสื่อ

2.1 การอัปโหลดไฟล์ไปยัง Media Library

  1. ไปที่ “Media” > “Add New”
  2. ลากไฟล์ที่ต้องการอัปโหลดไปยังพื้นที่ที่กำหนด หรือคลิก “Select Files” เพื่อเลือกไฟล์จากคอมพิวเตอร์
  3. ไฟล์ที่อัปโหลดจะปรากฏใน Media Library

2.2 การอัปโหลดไฟล์จากหน้าบทความหรือหน้า

  1. ใน Editor ของบทความหรือหน้า คลิกไอคอน “+” เพื่อเพิ่ม Block
  2. เลือก Block ประเภท Media เช่น Image, Gallery หรือ Video
  3. อัปโหลดไฟล์ใหม่หรือเลือกไฟล์จาก Media Library

3. การจัดการไฟล์ใน Media Library

3.1 การดูและค้นหาไฟล์

  • ไปที่ “Media” > “Library”
  • ใช้ตัวกรอง (Filter) เพื่อดูไฟล์ตามประเภท เช่น Images, Videos, หรือ Documents
  • ใช้ช่องค้นหาเพื่อค้นหาไฟล์ตามชื่อ

3.2 การแก้ไขรายละเอียดไฟล์

  1. คลิกที่ไฟล์ใน Media Library
  2. แก้ไขข้อมูล เช่น ชื่อไฟล์ (Title), คำอธิบาย (Caption), และ Alt Text
  3. คลิก “Update” เพื่อบันทึกการเปลี่ยนแปลง

3.3 การลบไฟล์

  • เลือกไฟล์ที่ต้องการลบและคลิก “Delete Permanently”

4. การเพิ่ม Alt Text และ Title เพื่อปรับปรุง SEO

  • Alt Text: ใส่ข้อความที่อธิบายเนื้อหารูปภาพเพื่อช่วยในการเข้าถึง (Accessibility) และ SEO
  • Title: เพิ่มชื่อไฟล์ที่ช่วยให้ผู้ใช้และเครื่องมือค้นหาทราบถึงเนื้อหาไฟล์

5. การตั้งค่าขนาดรูปภาพ

5.1 การตั้งค่าขนาดรูปภาพอัตโนมัติ

  1. ไปที่ “Settings” > “Media”
  2. กำหนดขนาดรูปภาพสำหรับ Thumbnail, Medium, และ Large
  3. คลิก “Save Changes”

5.2 การปรับขนาดรูปภาพใน Media Library

  • ใช้ฟีเจอร์ “Edit Image” เพื่อปรับขนาดหรือครอบรูปภาพโดยตรงใน WordPress

6. การเพิ่ม Gallery

6.1 การสร้าง Gallery

  1. ใน Editor ของบทความหรือหน้า คลิกไอคอน “+”
  2. เลือก Block “Gallery”
  3. อัปโหลดรูปภาพใหม่หรือเลือกจาก Media Library
  4. จัดเรียงรูปภาพและเพิ่มคำอธิบาย (Caption) หากต้องการ

6.2 การปรับแต่ง Gallery

  • ตั้งค่าการแสดงผล เช่น จำนวนคอลัมน์หรือรูปแบบการจัดวาง
  • เลือกเปิดภาพใน Lightbox หากธีมรองรับ

7. การเพิ่มไฟล์วิดีโอและเอกสาร

7.1 การอัปโหลดวิดีโอ

  • อัปโหลดวิดีโอโดยตรงหรือฝังวิดีโอจากแพลตฟอร์ม เช่น YouTube หรือ Vimeo

7.2 การอัปโหลดเอกสาร

  • อัปโหลดไฟล์ PDF, Word, หรือ Excel และเพิ่มลิงก์เพื่อให้ผู้ใช้งานดาวน์โหลดได้

8. การใช้ปลั๊กอินเพื่อปรับปรุงการจัดการ Media

  • Smush: บีบอัดภาพเพื่อลดขนาดไฟล์โดยไม่ลดคุณภาพ
  • Enable Media Replace: เปลี่ยนไฟล์ที่อัปโหลดแล้วโดยไม่ต้องลบไฟล์เก่า
  • FileBird: จัดการ Media Library ด้วยโฟลเดอร์

9. เคล็ดลับในการจัดการ Media

  1. ใช้รูปภาพและไฟล์ที่มีคุณภาพสูง แต่ขนาดไฟล์ไม่ใหญ่เกินไป
  2. ตั้งชื่อไฟล์ให้สื่อความหมายและเกี่ยวข้องกับเนื้อหา
  3. บีบอัดรูปภาพเพื่อเพิ่มความเร็วในการโหลดเว็บไซต์
  4. ลบไฟล์ที่ไม่ได้ใช้งานเพื่อลดขนาดของ Media Library

ในบทนี้ คุณได้เรียนรู้วิธีจัดการ Media ใน WordPress ตั้งแต่การอัปโหลดไฟล์ การเพิ่ม Alt Text เพื่อปรับปรุง SEO ไปจนถึงการสร้าง Gallery และการใช้งานปลั๊กอินเพื่อปรับปรุง Media Library ในบทถัดไป คุณจะได้เรียนรู้เกี่ยวกับการปรับแต่งเว็บไซต์ด้วย CSS และ Custom Code!