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.
Nội dung
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:
- MENU -> Media: Để truy cập chức năng Media.
- Toolbar -> Chứa các công cụ để sắp xếp, tìm kiếm các items.
- 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:
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, 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.
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.
Ở 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.
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.
Để 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 một đối tượng vào nội dung bài viết. Chúng ta có các thao tác:
- Chọn upload file mới hoặc sử dụng các đối tượng đã có sẵn
- Chọn các đối tượng cần chèn.
- Tùy chỉnh các thuộc tính.
- 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.
- 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’.
Bước 2: Sử dụng nguồn cho image từ 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.
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.
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ó:
- 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.
- Thông tin các ảnh đang chọn.
- 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.
- Xây dựng giao diện trang web (Slider, Carousel, Video…)
- Sử dụng một tấm ảnh trong Media Library làm background cho một đối tượng trên trang web.
- Đính kèm các tài liệu (word, excel, pdf) cho phép người dùng download.
