QUẢN LÝ HÌNH ẢNH VÀ FILE DỄ DÀNG VỚI YOOTHEME PRO

Khi nhấp chọn hình ảnh để đưa vào trang hoặc bài viết, bạn có thể thấy bản xem trước của các hình ảnh đã nhập vào trong trình quản lý media. Ngoài ra, bạn cũng có thể thêm hình ảnh bằng cách dán trực tiếp vào trường một URL bên ngoài cho hình ảnh nào đó.

Điều chỉnh chiều rộng và chiều cao

Theo mặc định, hình ảnh sẽ được tải ở kích thước ban đầu của chúng. Để hiển thị hình ảnh một cách đầy đủ và đẹp theo bố cục ban đầu, bạn cần điều chỉnh hình ảnh theo kích thước mẫu của trang thiết kế. Bạn có thể thay đổi kích thước hoặc cắt hình ảnh vô cùng dễ dàng bằng cách sử dụng các tùy chọn Chiều rộng và Chiều cao. Chỉ cần đặt một giá trị duy trì tỷ lệ ban đầu, hình ảnh sẽ được thay đổi kích thước và cắt tự động.

Mục hình ảnh còn có tùy chọn Focal Point để giúp bạn điều chỉnh tiêu điểm khi cắt xén.

Các hình ảnh được lưu trữ trong thư mục bộ nhớ cache yootheme / cache của chủ đề. Nếu cần, hãy xóa thư mục bộ nhớ cache và hình ảnh sẽ được khôi phục.

Lưu ý rằng, tính năng này chỉ hoạt động nếu module GD được kích hoạt trên máy chủ web.Và hình ảnh trong YOOtheme Pro có tính responsive, có nghĩa là chúng có thể thu nhỏ lại để vừa với vùng chứa.

Hình ảnh có tính tương thích

YOOtheme Pro tạo ra tối đa sáu set hình ảnh: 768px, 1024px, 1366px, 1600px, 1920px và 200%. Trình duyệt sẽ tự động tải một hình ảnh phù hợp nhất với chế độ xem và độ phân giải màn hình của nó. Bạn nên sử dụng hình ảnh lớn và đặt chiều rộng hoặc chiều cao nhỏ hơn. Điều này cho phép YOOtheme Pro tạo ra hình ảnh có độ phân giải cao (lên đến 200%) cho màn hình võng mạc.

Định dạng hình ảnh vượt trội

Ngoài định dạng hình ảnh PNG hoặc JPEG gốc, tất cả hình ảnh trên YOOtheme cũng có thể được tạo ở định dạng WebP và AVIF. Các định dạng này có đặc tính nén và chất lượng vượt trội so với ảnh JPEG và PNG. Chúng sẽ giúp tải hình ảnh nhanh hơn nhiều và tiêu thụ ít dữ liệu di động hơn. Phần tử <picture> được sử dụng để phục vụ các định dạng hình ảnh khác nhau để trình duyệt có thể chọn định dạng mà nó hỗ trợ.

Lưu ý rằng, hình ảnh định dạng AVIF chỉ được tạo trong PHP 8.1 trở lên và phần GD extension phải được tạo dựng hỗ trợ AVIF. Ngoài ra, siêu dữ liệu ảnh IPTC chỉ có thể được lưu giữ cho ảnh JPEG. Nếu cần, hãy tắt cả hai tùy chọn, nhưng điều này sẽ làm thời gian tải chậm đi.

Lazy loading

Theo mặc định, hình ảnh được tải ở dạng lazy loading để giúp tăng tốc thời gian tải trang và giảm lưu lượng truy cập. Chúng được tải khi chúng vào khung nhìn khi cuộn. Điều này không chỉ áp dụng cho các phần tử hình ảnh mà còn cho cả hình nền CSS. Tất cả các phần tử trong trình tạo YOOtheme Pro đều có tùy chọn Eager Loading.

Các trường Link cho phép bạn chọn một liên kết nội bộ với bộ chọn liên kết WordPress gốc hoặc một tệp với trình media manager. Bạn cũng có thể nhập thủ công một URL bên ngoài vào đây.

Bộ chọn link WordPress được mở theo phương thức với danh sách các bài đăng và trang có thể tìm kiếm được.

Trình quản lý Media của WordPress được tích hợp liền mạch vào YOOtheme Pro và mở ra mỗi khi bạn muốn chọn hình ảnh hoặc file. Nó cho phép bạn tải lên và quản lý các file và hình ảnh. Ngoài ra, YOOtheme Pro mở rộng trình quản lý media WordPress và thêm một tab để duyệt qua thư viện hình ảnh Unsplash.

YOOtheme Pro được tích hợp Unsplash – một thư viện hình ảnh chất lượng cao miễn phí và rất phong phú. Bạn truy cập bằng cách nhấp vào tab Unsplash trong trình quản lý media. Điều hướng cho phép bạn duyệt qua ảnh, bộ sưu tập và người dùng.

Khi bạn nhấp vào ảnh, trình quản lý media sẽ đóng và ảnh sẽ được hiển thị trong bố cục của bạn. Lưu ý rằng ảnh được liên kết bên ngoài và chưa được tải xuống máy chủ của bạn. Khi lưu bố cục, bạn sẽ được nhắc chọn tải xuống tất cả ảnh Unplash được sử dụng trong bố cục này hoặc loại bỏ chúng. Bằng cách này, bạn có thể thử bao nhiêu ảnh tùy thích cho đến khi tìm được bức ảnh yêu thích của mình.

Theo giấy phép Unsplash, tất cả ảnh của Unsplash có thể được sử dụng miễn phí, kể cả mục đích thương mại mà không cần xin phép.

Lưu ý rằng, chỉ những người dùng có đăng ký Developer đang hoạt động mới có quyền truy cập vào Thư viện Unsplash.

Hình ảnh

Để tìm kiếm một bức ảnh cụ thể, hãy bắt đầu nhập vào trường tìm kiếm và danh sách ảnh sẽ cập nhật ngay lập tức. KHi di chuột qua ảnh, bạn sẽ thấy liên kết đến hồ sơ của người dùng trên trang web Unsplash và liên kết View Photos.

Bộ sưu tập

Theo mặc định, các bộ sưu tập từ Unsplash được hiển thị sẵn. Bạn hãy nhập vào trường tìm kiếm và danh sách các bộ sưu tập sẽ được cập nhật ngay lập tức. Bạn có thể tìm thấy chủ đề, người dùng và một số ảnh ở cuối mỗi bộ sưu tập. Khi nhấp vào tên người dùng, bạn có thể xem ảnh và bộ sưu tập của người dùng này trực tiếp trong trình quản lý media.

Người dùng

Theo mặc định, người dùng YOOtheme sẽ được hiển thị. Khi bạn nhấp vào người dùng, các bộ sưu tập theo chủ đề cụ thể từ tất cả các chủ đề YOOtheme Pro sẽ được hiển thị.