Giới thiệu và kết quả học tập

Trong bài học này, chúng ta sẽ tìm hiểu sâu hơn về thư viện media. Chúng ta sẽ học cách điều hướng và quản lý thư viện media, thêm văn bản ALT, và hiểu tầm quan trọng của việc tối ưu hóa hình ảnh.

Thư viện media là gì?

Media bao gồm hình ảnh, video, và các tệp bạn tải lên và sử dụng trên trang web của bạn. Media đóng vai trò quan trọng trong việc tăng cường trải nghiệm và hiệu quả tổng thể của trang web. Bạn có thể thêm nhiều loại media vào thư viện của mình, từ ảnh, ảnh chụp màn hình, âm thanh, tài liệu PDF, bảng tính, bài thuyết trình PowerPoint, và nhiều hơn nữa.

Điều hướng thư viện media

Khi bạn mở thư viện media, nó sẽ mở theo chế độ xem lưới mặc định. Trong chế độ xem lưới, các hình thu nhỏ của hình ảnh, biểu tượng âm thanh, v.v. được sắp xếp trong cấu trúc lưới. Tại đây, bạn có thể lọc media để tìm kiếm những gì bạn cần. Ở trên cùng, bên cạnh biểu tượng chế độ xem lưới, bạn có thể lọc media theo loại media và ngày tháng. Menu thả xuống "All media items" cho phép bạn chọn theo loại media, chẳng hạn như hình ảnh, âm thanh, video, tài liệu, và thậm chí cả bảng tính. Bạn cũng có thể xem bất kỳ media nào chưa được đính kèm vào bất kỳ bài đăng hoặc trang nào. Điều này có nghĩa là media có trong thư viện của bạn nhưng bạn chưa sử dụng nó ở bất kỳ đâu trên trang web của mình. Hãy sử dụng tùy chọn lọc, chẳng hạn như chỉ xem các tệp âm thanh. Hoặc tài liệu như PDF. Hoặc thậm chí bảng tính. Và sau đó, tất nhiên, bạn có thể quay lại xem tất cả các media. Menu thả xuống "All Dates" cho phép bạn xem hình ảnh dựa trên ngày tải lên của chúng. Bạn có thể nhanh chóng tìm media bạn đã tải lên trong một tháng cụ thể, hoặc bạn có thể chọn xem tất cả. Khi bạn nhấp vào "Bulk Select", bạn có thể xóa nhiều media cùng lúc. Bạn cũng có thể tìm kiếm media bằng cách sử dụng khối tìm kiếm ở góc trên bên phải, chẳng hạn như sử dụng từ mô tả hoặc tên tệp. Trong trường hợp này, tôi muốn xem tất cả hình ảnh liên quan đến giày của mình bằng một tìm kiếm đơn giản. Bạn cũng có thể xem media của mình theo chế độ xem danh sách. Tất cả media của bạn sẽ được liệt kê dưới dạng danh sách theo chế độ xem danh sách, như tên của nó. Bạn cũng sẽ có thể thấy tên tệp và loại tệp, chẳng hạn như PDF hoặc JPEG. Để thêm media vào thư viện của bạn, nhấp vào "Add new media file" ở thanh bên hoặc ở trên cùng. Khi được chọn, bạn sẽ có thể kéo và thả từng tệp hoặc nhiều tệp vào trang hoặc sử dụng tùy chọn chọn tệp.

Thêm media từ thư viện media

Khi bạn thêm media vào một trang hoặc bài đăng sử dụng khối Image hoặc khối Gallery, bạn có thể tải hình ảnh trực tiếp từ máy tính của bạn vào bài đăng hoặc trang và thư viện media hoặc trực tiếp từ thư viện media của bạn. Khi nói đến các video lớn hơn, tốt hơn nên nhúng chúng qua khối YouTube hoặc Video, vì nó sẽ tiết kiệm không gian trong thư viện media của bạn và cải thiện hiệu suất.

Chỉnh sửa media

Khi bạn mở một hình ảnh, bạn có thể thêm các thuộc tính như văn bản thay thế (ALT text), tiêu đề, chú thích và mô tả. Việc luôn thêm văn bản ALT vào hình ảnh là rất quan trọng. Văn bản ALT là một mô tả ngắn gọn về hình ảnh dành cho người dùng không thể xem hình ảnh và cũng tốt cho SEO của trang web của bạn hoặc tối ưu hóa công cụ tìm kiếm của trang web của bạn.Thêm mô tả cũng tăng cường SEO và cho phép tổ chức và hiểu rõ hơn về mục đích hoặc nội dung của hình ảnh. Khi bạn nhấp vào "Edit image", bạn có thể cắt hình ảnh, điều chỉnh kích thước hoặc thay đổi kích thước để tối ưu hóa hình ảnh. Các kích thước sẽ tự động cập nhật sau khi bạn thay đổi chiều cao hoặc chiều rộng. Và đừng lo lắng; khi bạn chọn "Restore original image", bạn có thể khôi phục hình ảnh về định dạng ban đầu của nó. Bạn cũng có tùy chọn xoay hoặc lật hình ảnh.

Tối ưu hóa hình ảnh

Cuối cùng, hãy nói về tối ưu hóa hình ảnh. Nên tối ưu hóa hình ảnh trước khi tải chúng lên thư viện media của bạn để cải thiện tốc độ tải trang và tiết kiệm không gian dịch vụ. Bạn có thể sử dụng các công cụ trực tuyến để đạt được điều này, chẳng hạn như các trang web như TinyPNG, Bulk Resize, hoặc Squoosh.app, v.v. Hãy nhớ lưu hình ảnh với tên tệp mô tả và liên quan trước khi thêm vào thư viện media của bạn. Điều này giúp các công cụ tìm kiếm hiểu nội dung của hình ảnh, đóng góp vào SEO tốt hơn. Các công cụ tìm kiếm có thể sử dụng tên tệp như một yếu tố khi lập chỉ mục và xếp hạng nội dung. Một tùy chọn khác là sử dụng plugin tối ưu hóa hình ảnh. Có nhiều plugin tối ưu hóa hình ảnh có sẵn để chọn từ khi bạn tìm kiếm trong thư mục plugin. Khi bạn tìm thấy plugin phù hợp với nhu cầu của mình, bạn có thể cài đặt, kích hoạt và làm theo các bước cần thiết. Cả hai phương pháp này, sử dụng công cụ trực tuyến hoặc plugin, cải thiện hiệu suất tổng thể bằng cách nén hình ảnh mà không làm giảm chất lượng hình ảnh — chúc bạn may mắn khi sử dụng thư viện media để nâng cấp trang web của mình lên tầm cao mới.

Thực hành

Sử dụng WordPress Playground và hoàn thành các hoạt động sau để kiểm tra kiến thức của bạn:

Tải lên hai hình ảnh và một tệp PDF hoặc bảng tính vào thư viện media của WordPress. Bạn có thể sử dụng Unsplash nếu bạn không có hình ảnh trên máy tính của mình.
Sử dụng các tùy chọn lọc trong thư viện media để chỉ hiển thị hình ảnh và sau đó chỉ hiển thị tài liệu. Sau đó, quay lại xem tất cả các mục media.
Tạo một bài đăng hoặc trang mới trên trang web WordPress của bạn. Sử dụng các khối phù hợp (ví dụ: khối Image, khối Gallery) để chèn ít nhất một hình ảnh từ thư viện media của bạn.
Thêm một URL video từ YouTube vào khối Video.
Chọn một hình ảnh từ thư viện media của bạn và chỉnh sửa các thuộc tính của nó, chẳng hạn như văn bản ALT, tiêu đề, chú thích và mô tả.
Chỉnh sửa một hình ảnh bằng cách thay đổi kích thước và cung cấp các kích thước mới. Sau khi hoàn thành, khôi phục hình ảnh về kích thước ban đầu.

2.2 – Sử dụng thư viện media

You must be logged in to access this course