Media Library

WordPress Media Library

Media Library của WordPress là một công cụ quản lý các đối tượng Multimedia tốt nhất trong các CMS và Framework web mình đã từng làm việc qua.

Tổng quan về Media Library

Media Library là một chức năng cực kỳ quan trọng của WoeedPress. Mục đích chính của nó là quản lý các đối tượng multimedia.

Multimedia hay còn gọi là đa phương tiện. Thuật ngữ này được sử dụng tương phản với media (các kiểu nội dung truyền thống là in ấn hoặc viết tay).

Một cách đơn giản hơn. Với Media Library, chúng ta có thể dễ dàng quản lý các đối tượng như: hình ảnh, âm thanh, video, pdf…vv Media cung cấp cho chúng ta phương thức upload các đối tượng này lên máy chủ. Kèm với các phương thức hỗ trợ quản lý, chèn các đối tượng này vào một số nội dung một cách dễ dàng.

Giới thiệu giao diện

Đối tượng Media có giao diện tổng quát như hình bên dưới:

WordPress Media

  1. MENU -> Media: Để truy cập chức năng Media.
  2. Toolbar -> Chứa các công cụ để sắp xếp, tìm kiếm các items.
  3. Content -> Khu vực chứa nội dung của media.

Upload một đối tượng multimedia

Để upload, chúng ta có thể sử dụng một trong hai cách sau:

Upload media

Sau khi chọn chức năng ‘Add new’. Chúng ta sẽ thấy giao diện như bên dưới.

Upload Media

Để upload, chúng ta có 2 cách:

  • Kéo file cần upload thả vào khu vực có viền đứt nét.
  • Sử dụng button ‘Select File’, một hộp thoại sẽ mở lên. Chúng ta cần chọn chính xác file cần upload.

Sau khi chọn và upload thành công, chúng ta sẽ thấy đối tượng vừa upload lên.

Upload thành công

Lưu ý: khu vực khoanh đỏ với nội dung “maximum upload file size” mô tả dung lượng tối đa một file được phép upload lên hệ thống. Thông số này bị giới hạn với cấu hình của WordPress và máy chủ.

Các thuộc tính của đối tượng multimedia

Tùy từng loại đối tượng multimedia sẽ có những đối tượng khác nhau. Do chúng ta thường làm việc với đối tượng “hình ảnh” nhất. Nên mình sẽ giới thiệu đối tượng ảnh.

Để xem thông tin chi tiết một đối tượng, chúng ta double click vào đối tượng. Lúc này, thông tin chi tiết của đối tượng sẽ hiển thị ra.

thuộc tính ảnh

Ở giao diện này, chúng ta có những thông tin:

  • Chỉnh sửa ảnh (resize, crop…vv)
  • Thông tin chi tiết file ảnh: Tên, loại, kích thước …vv
  • Các thuộc tính liên quan đến phần tử html (tag img).

Xóa một đối tượng multimedia

Để xóa một đối tượng trong Media Library, chúng ta cũng thao tác tương tự xem thuộc tính của đối tượng. Ở giao diện thuộc tính chi tiết, chúng ta sẽ nhìn thấy chức năng xóa.

Xóa ảnh

Các ứng dụng của Media Library

Chức năng Media Library có rất nhiều ứng dụng và cực kỳ dễ sử dụng. Chúng ta sẽ lướt qua một số ứng dụng thường gặp của nó.

Chèn các phương tiện multimedia vào nội dung

Một trong những ứng dụng quan trọng nhất của tính năng này là chèn các đối tượng multimedia vào nội dung bài viết.

Classic editor

Với classic editor, chúng ta có giao diện hết sức trự quan.

classic editor

Để chèn một đối tượng multimedia, chúng ta chỉ cần click vào button ‘add Media’ phía trên editor. Một popup sẽ hiển thị. Giao diện tương tự với Media Library.

Chèn media vào nội dung

Để chèn một đối tượng vào nội dung bài viết. Chúng ta có các thao tác:

  1. Chọn upload file mới hoặc sử dụng các đối tượng đã có sẵn
  2. Chọn các đối tượng cần chèn.
  3. Tùy chỉnh các thuộc tính.
  4. Tùy chỉnh các thuộc tính nâng cao: canh lề, liên kết và kích thước của ảnh.
  5. Click vào button ‘Insert into …’ để chèn ảnh. Tương tự như các phần mềm soạn thảo văn bản khác. Ảnh sẽ được chèn vào ngay tại vị trí con trỏ. Do đó, trước khi chèn chúng ta cần để ý điều chỉnh con trỏ nếu cần.

Gutenberg editor

Như đã giới thiệu, gutenberg là một editor mới của WordPress. Nó sẽ làm được nhiều thứ hơn. Do đó, số lượng thao tác chúng ta cần thực hiện cũng sẽ nhiều hơn. Dưới đây là các bước để chèn được một ảnh vào nội dung bài viết của chúng ta.

Bước 1: Tạo một đối tượng block loại ‘Image’.

block image

Bước 2: Sử dụng nguồn cho image từ Media Library.

Sử dụng Media Library

Tới đây, popup media library sẽ hiển thị, chúng ta có thể thao tác tương tự với classic editor. Tuy nhiên gutenberg editor mở rộng cho chúng ta tương đối nhiều các thuộc tính hấp dẫn khác.

thuộc tính image

Cài đặt featured image

Khi quản trị các đối tượng page/post hay một custom post bất kỳ. Đôi lúc chúng ta cần setup featured image. Ví dụ, với classic editor, chúng ta có thể đơn giản cập nhật thuộc tính featured image.

cập nhật featured image

Khi chọn chức năng này, sẽ có một popup hiện lên. Giao diện popup sẽ tương tự Media Library.

Nhìn từ góc trên – bên trái, xuống dần góc phải – bên dưới, chúng ta có:

  1. Upload ảnh mới hoặc sử dụng ảnh đã có. Trong trường hợp này, mình chọn 1 ảnh đã tồn tại.
  2. Thông tin các ảnh đang chọn.
  3. Set featured image.

Các ứng dụng khác

Các đối tượng multimedia được lưu trữ trên máy chủ, đồng thời được quản lý thông tin trên CSDL. Do đó, chúng ta có thể sử dụng đối tượng này cho rất nhiều mục đích khác.