วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library

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

รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
เลือกที่หัวข้อ Media เพื่อเข้า Media Library

Media Library : หน้าตาของ Media Library

Media Library นั้นก็มีหน้าตาคล้าย ๆ กับหน้าจัดการ Post Page เพียงแต่เป็นหน้าจัดการรูป เอกสาร ไฟล์เสียง ไฟล์วิดีโอ โดยจะมีการบอกรายละเอียดต่าง ๆ ของไฟล์ที่เราเคยอัพโหลดไว้แล้ว

รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
หน้า Media Library
  • File – บอกชื่อของไฟล์และนามสกุล
  • Author – บอกชื่อของคนที่อัพโหลดไฟล์นี้
  • Attached to – หากไฟล์นี้ถูกใช้งาน จะบอกว่าไฟล์นี้ถูกใช้งานที่ตำแหน่งไหน
  • Date – วันที่อัพโหลดไฟล์นี้

Media Library : ชนิดไฟล์ที่เราสามารถอัพโหลดเพื่อใช้งานใน WordPress

สำหรับไฟล์ที่สามารถอัพโหลดเพื่อใช้งานได้นั้น แบ่งออกเป็น 4 ประเภท

รูปภาพ

  • .jpg
  • .jpeg
  • .png
  • .gif

เอกสาร

  • .pdf
  • .doc , .docx
  • .ppt, .pptx, .pps, .ppsx
  • .xls, .xlsx
  • .odt

เสียง

  • .mp3
  • .m4a
  • .ogg
  • .wav

วิดีโอ

  • .mp4, .m4v
  • .mov
  • .wmv
  • .avi
  • .mpg
  • .ogv
  • .3gp
  • .3g2

Media Library : ทดสอบอัพโหลดไฟล์เพิ่ม

คราวนี้เรามาลองอัพโหลดไฟล์ขึ้นไปนะครับ ตอนนี้ผมมีไฟล์ test.pdf ให้เรากดที่ Add New เลยครับ เราจะเข้าสู่หน้าอัพโหลดไฟล์ครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress
หน้าอัพโหลดไฟล์

กดเลือก Select Files แล้วเลือกไฟล์ที่เราต้องการอัพโหลด ในกรณีนี้ผมจะอัพโหลดไฟล์ test.pdf นะครับ เมื่ออัพโหลดเสร็จเราก็กรอกข้อมูลที่เกี่ยวข้องแล้วกด Save all changes เลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
หลังจากอัพโหลดเสร็จแล้ว กรอกข้อมูลเกี่ยวกับไฟล์ให้เรียบร้อย

ไฟล์ที่อัพโหลดไว้จะมาปรากฎที่หน้า Media Library โดยสังเกตที่ Attached to จะเป็นคำว่า (Unattached) นั้นคือ ไฟล์นี้ยังไม่ได้ถูกใช้งานแต่อัพโหลดไว้แล้ว

รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
สังเกตว่าตรง Attached to จะเป็นคำว่า (Unattached)

Media Library : แก้ไขรูปภาพ

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

รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
คลิ๊กที่ Edit Image เพื่อแก้ไขรูปภาพ

เราจะสามารถแก้ไขภาพแบบเบื้องต้นได้

รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
หน้าจัดการแก้ไขรูปภาพ

โดยเราสามารถหมุนภาพ หรือกลับด้านของภาพได้

รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
สามารถหมุน และกลับภาพได้ตามที่ต้องการ

หรือลากเม้าส์ที่รูปเพื่อทำการตัดรูปเฉพาะส่วนที่เราต้องการ แล้วกดที่ icon crop ด้านบน

รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
ลากเม้าส์เพื่อเลือกส่วนที่จะตัด
รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
กดที่ Icon ด้านบนเพื่อทำการตัด
รูปอธิบายหัวข้อ วิธีใช้ WordPress [11]
ผลลัพธ์ที่ได้ออกมา

ซึ่งเราก็สามารถเลือกได้ว่า รูปที่เราทำเสร็จมาแล้วนั้น จะแก้ไขทุกรูปเลย หรือเฉพาะ thumbnail หรือทุกรูปยกเว้น thumbnail

รูปอธิบายหัวข้อ วิธีใช้ WordPress [12]
เลือกว่าจะแก้ไขทุกรูป หรือเฉพาะ thumbnail หรือยกเว้น thumbnail

หลังจากนั้นก็เลือก Save และ Update Media ก็เสร็จเรียบร้อย


Posted

in

by

Comments

8 responses to “วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library”

  1. […] ปรับแต่ง Embed ของเราได้ที่นี่ วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library Tags: embed, embed video, video, wordpress, วิธีใช้ WordPress 464 views Tweet […]

  2. lion Avatar
    lion

    ผมมีปัญหากับชื่อไฟล์ทีเป็นภาษาไทยครับ คืออัปโหลดขึ้นได้ทุกอย่าง แต่เวลาจะมาลิงค์ ลิงค์ดันใช้ไม่ได้ เข้าไปตรวจสอบที่ /wp-content/upload/… ปรากฏว่าชื่อไฟล์ที่เป็นภาษาไทยถูกเปลี่ยนเป็นภาษาต่างดาวซะงั้น

    ปล. ลองรันที่ localhost นะครับและเป็น windows 7

    1. rabbitinblack Avatar
      rabbitinblack

      จริง ๆ พวก file รูป ผมจะตั้งชื่อ file เป็นภาษาอังกฤษครับ

      แล้วใช้พวก alt กับ title ที่ทาง wordpress ให้มาเพื่อให้เราใส่รายละเอียดเกียวกับรูป เพื่อให้ค้นหารูปได้ถูกต้อง แบบนั้นจะไม่มีปัญหาอะไรครับ

  3. thusana Avatar
    thusana

    สอบถามครับ อยากทำเป็นfolderไว้ได้ไหมครับ จะได้ไม่งง นับวันรูปมันเยอะแยะเต็มไปหมด ไม่เป็นหมวดหมู่

  4. ศักธินันท์ ศรีหาบงค์ Avatar
    ศักธินันท์ ศรีหาบงค์

    เราสามารถจัดหมวดหมู่ไฟล์Media เป็นFolder ในฝั่ง server ได้ไหมครับ

  5. Petchey Avatar
    Petchey

    สอบถามค่ะ ถ้าต้องการให้ file .gif เคลื่อนไหวได้ ใน wordpress ต้องทำอย่างไรคะ

    1. rabbitinblack Avatar
      rabbitinblack

      ต้องสร้างทำรูปเคลื่อนไหวมาอัพครับ ลองดูพวกเว็บที่มันให้อัพรูปนิ่งหลาย ๆ รูป แล้วทำเป็น GIF ให้ก็ได้ครับ

      https://ezgif.com/maker
      https://gifmaker.me/

Leave a Reply

Your email address will not be published. Required fields are marked *