Quản trị hình ảnh một cách tối ưu trên WordPress

Hình ảnh là khía cạnh quan trọng giúp tăng trải nghiệm chậm của quý khách trên web. Tuy nhiên, nhiều người vẫn rất còn tỏ ra thờ ơ với việc quản lý hình ảnh trên trang mới web của mình. Để giúp bạn hiểu hơn về vai trò quan trọng nhất , tính năng Media Library trên WordPress đồng thời biết cách dễ lưu trữ, quản lý hình ảnh hiệu quả hơn. Chúng tôi sẽ quá cung cấp những hướng dẫn chi tiết trong bài viết dưới sẽ đây.

Trình quản lý hình ảnh của WordPress đã được mới nâng cấp rất nhiều theo thời kì và hiện giờ nó đã và không thể đang cung cấp các công cụ mạnh mẽ để quản lý, chỉnh mới sửa hình ảnh trong WordPress, tạo thư viện ảnh cùng nhất với các tính năng khác. Với WordPress phiên bản 4 dễ .0 thì các cải tiến còn mạnh mẽ hơn nhờ trình quản lý đã hình ảnh đa phương tiện tốt hơn với chế độ xem dạng đột nhiên lưới đẹp mắt.

Chèn ảnh vào WordPress

Có 3 cách để bạn chèn ảnh vào bài viết: dễ

• Up ảnh trực tiếp lên host
• Lấy ảnh có sẵn trong thư viện cả các ảnh đã up của bạn
• Lấy ảnh từ một nguồn bên ngoài luôn

1. Up ảnh lên

Để up ảnh lên, bạn nhấn vào biểu tượng Add Media / Thêm bỗng nhiên Media như bên dưới:Một cửa sổ như thế này bật ra:

 

Bạn nhấn Select Files rồi chọn ảnh trên máy tính của bạn:

 

Nếu up ảnh thành công, bạn sẽ thấy một cửa số hiện lên như sau:

 

Bạn click vào Insert into post, là ảnh sẽ chèn vào vị trí mà con trỏ chuột trước đó ở trong bài viết.

2. Chèn ảnh có sẵn trong thư viện ảnh đã up của bạn

Thao dễ tác như sau:

Đầu tiên bạn cũng nhấn vào Add Media, cũ cửa sổ bật ra và bạn nhấn vào tab Media Library để vào cần kho lưu trữ các ảnh đã up, nó giống như thế này:

Bạn có thể thuận tiện chọn ảnh muốn chèn bằng cách click vào ảnh nào mà bạn muốn. Tuy nhiên khi số lượng ảnh nhiều lên, việc tìm ảnh cũ có thể không thuận tiện thông qua tìm bằng mắt. Khi đó bạn nên dùng chức năng tìm kiếm bên tay phải ở chỗ Search media items, bạn cũng có tùy chọn lọc ảnh qua ngày tháng up ảnh ở All dates.

Sau khi chọn đúng ảnh mà mình muốn, bạn cũng nhấn Insert into Post để chèn ảnh vào bài viết.

3. Chèn ảnh từ một nguồn bên ngoài

Để dùng luôn tính năng này thì trình soạn thảo văn bản của bạn nên không thể  cài đặt thêm plugin có tên TinyMCE Advanced, đây nhanh cũng là plugin rất nhiều người đang dùng để hỗ trợ quá việc biên tập nội dung. Bài viết về cách biên tập nội đang dung trên WordPress mà mình nói ở phần đầu cũng dùng mới plugin này để minh họa các chức năng.

Sau khi cài xong đừng bạn vào khu vực settings của nó để lôi tính năng chèn lại ảnh vào trình soạn thảo, rồi nhấn save changes:

Trình soạn thảo sẽ lệnh hiển thị biểu tượng bạn mới thêm.

Để chèn ảnh bạn chỉ cần click vào nó, cửa sổ sau sẽ bật ra:

Khu vực Source chính là nơi bạn copy và paste link ảnh từ nguồn bên ngoài vào.

Ví dụ mình up ảnh của coi trọng Messi, sao chép đường dẫn của wikimedia.org (tác giả bức ảnh: Darz Mol):

Kết quả:

Có 2 lưu ý nhỏ về tính năng này:

• Vì chèn ảnh từ nguồn bên ngoài theo kiểu này thúc đẩy đến SEO cho nên bần cùng bất đắc dĩ bạn mới nên làm, cách hay hơn là copy về và dẫn nguồn.
• Cách chèn ảnh này không chỉ ứng dụng với link ảnh bên ngoài, bạn hoàn toàn làm được với ảnh của chính mình up lên, sẽ rất hữu dụng trong trường hợp bạn chỉ nhớ ảnh cũ mình muốn dùng lại đang ở trong bài viết nào (chứ không nhớ tên ảnh, khi ấy tìm ảnh trong thư viện sẽ rất khó khăn). Lúc này chỉ còn giải pháp là vào bài viết cũ, copy link ảnh và paste nó vào bài viết mới.

Với những ai chưa biết cách copy link ảnh, ở trình duyệt Chrome, bạn chuột phải vào bức ảnh, rồi nhấn “Sao chép địa chỉ hình ảnh”:

Kiểm soát kích cỡ hình ảnh trên WordPress

Khi mới bạn tải lên một hình ảnh, WordPress sẽ tự động tạo ngay các kích cỡ khác cho hình ảnh đó. Bạn có thể chọn kích chậm cỡ các hình ảnh này ở Settings » Media.

Hệ thống mặc chậm định mở đầu có 3 size ảnh nhanh là:

• Thumbnail size: Kích thước hình ảnh thu nhỏ
• Medium vẫn size: Kích thước hình ảnh trung bình
• Large size: dễ Kích thước hình sáng tạo cũ ảnh lớn

 đặc sắc mới p>

Trong các tùy chọn này, bạn có thể chọn cắt ảnh đại bỗng nhiên diện về đúng kích cỡ bạn chỉ định hoặc chúng sẽ được không cắt theo tỉ lệ.

Cài đặt kích cỡ ảnh đại diện bài viết những cũng có thể thực hiện bằng cách chỉnh sửa file fuction nhanh .php của bạn. Như vậy. việc đổi thay kích cỡ hình ảnh luôn đại diện sẽ không thúc đẩy đến cách hiển thị ảnh thumnail rất bài viết. Tùy chọn đơn giản dễ dàng chớ này đặc biệt hữu dụng với các nhà tăng trưởng giao chớ diện.

add_theme_support( 'post-thumbnails' chậm  );
set_post_thumbnail_size( 150, 150 );

Trong có thể đoạn code phía trên, chúng tôi đã thiết lập kích cỡ đừng ảnh đại diện bài viết là 150 x150px. Thiết lập kích ngay cỡ ảnh đại diện bài viết là một tính năng khá hữu dụng lại . Nó đi tượng trưng kèm với 3 thôi biến số như sau:

<?php set_post_thumbnail_size( quá  $width, $height, $crop ); ?>

Ở đây, $crop không sẽ cho WordPress biết liệu nó có nên cắt hình ảnh không cần , mặc định sẽ là không nên hãy thiết lập để cho phép có thể WordPress cắt hình ảnh.

Tạo Gallery ảnh trên WordPress

Không chỉ cho phép bạn chèn từng hình ảnh vào bài viết mà WordPress còn có chức năng tạo gallery riêng (có thể hiển thị nhiều hình ảnh trong bài cùng một lúc).

Để tạo Gallery rất đơn giản. Bạn chỉ cần nhấn vào nút Add Media trên khung soạn thảo văn bản, chọn mục Create Gallery. Tiếp đến, hãy click các tấm ảnh muốn thêm vào gallery và nhấn nút Create New Gallery bên dưới góc phải.

Sau khi tạo gallery xong, bạn có thể đổi thay, sắp xếp lại thứ tự hiển thị của hình ảnh. Cuối cùng, chỉ cần ấn nút Insert Gallery để chèn toàn bộ các ảnh trong gallery vào bài viết.

Chỉnh sửa hình ảnh trên WordPress

WordPress có sẵn 1 trình nhất chỉnh sửa hình ảnh để bạn có thể cắt, căn chỉnh tỷ lệ ngay và lật hình ảnh. Có 2 cách để truy cập trình chỉnh sửa bỗng nhiên hình ảnh này. Khi tải hình ảnh lên từ trang biên tập cũng bài viết, sau khi tải lên, bạn sẽ thấy liên kết “Edit đang Image” ở bên tay phải.

 

Bạn cũng có thể đi đến dễ liên kết  Media » Library trong trình bên quản trị rất WordPress để hiển thị danh sách các hình ảnh mới nhất mới và di chuột đến hình bạn cần chỉnh sửa và chọn Edit nhanh  ở đó.

 

Nhấn vào nút Edit Image và bạn sẽ thấy đích một vài tùy chọn như cắt hình ảnh, xoay, lật, chỉnh nhanh tỷ lệ hoặc thêm các văn bản,nhận xét, tên, mô tả cho sẽ hình ảnh ở đó.

 

Ngăn WordPress tạo quá nhiều bản sao hình ảnh

Việc tạo nhiều kích cỡ khác nhau quá cho hình ảnh khá là hữu dụng. Bạn có thể hiển thị hình nhanh ảnh với kích cỡ trung bình bình trong bài viết, ảnh luôn thumbnail trong trang chủ và trang lưu trữ hoặc hình cả ảnh với kích cỡ lớn khi có người click vào chúng. Tuy đột nhiên nhiên, có người lại không muốn có toàn bộ các hình có thể ảnh, mà chỉ muốn có 1 hình ảnh gốc. Họ có thể chỉnh sửa nhất hình ảnh theo kích cỡ họ muốn và hiển thị trên đúng cần kích cỡ đó, hay đơn giản là họ không muốn có các kích có lẽ cỡ khác. Hoặc họ đã tạo một kích cỡ riêng cho mẫu của cần mình và không muốn dùng bất kỳ kích cỡ nào khác ngoài cả kích cỡ đó.

Có 2 cách để thực hiện thao tác này, cái bỗng nhiên đầu tiên khá đơn giản, đi đến Settings » Media và thiết nhất lập tất các các kích cỡ hình ảnh về 0.

 

Phương thường pháp thứ 2 đó là thêm mã dưới đây vào tệp tin functions những .php.

unset( $sizes[‘thumbnail’]);
unset( $sizes[‘medium’]) cần ;
unset( $sizes[‘large’]);

return $sizes;

add_filter(‘intermediate_image_sizes_advanced’ mới , ‘wplift_remove_image_sizes’);

Tạo thư viện ảnh

Nếu bạn muốn đang tạo 1 thư phòng tránh viện hình cả ảnh trong bài viết của mình, nhấn vào nút Add Media cũ  và Create Gallery để tải lên nhiều hình ảnh hoặc bạn chẳng chỉ cần di chuột qua và nhấn chọn các hình ảnh mà bạn cả muốn để vào thư viện ảnh.

 

Sau dễ khi tải xong, bạn có thể kéo các hình ảnh để hiển thị cũ theo cách mình muốn, và cũng có thể xóa hoặc thêm hình dễ ảnh. Sau khi xong, bạn nhấn nút Insert Gallery và bỗng nhiên thư viện ảnh sẽ được thêm vào bài viết của bạn.

  ngay ;

Giao diện của bạn sẽ hiển thị thư viện ảnh dưới định mất dạng lưới và khi một hình ảnh được nhấn vào, người không xem sẽ được điều hướng đến trang đơn hình ảnh, giúp cũ bạn thuận tiện quản lý hình ảnh hơn.

 

Các thao tác cần biết với thư viện ảnh trên WordPress

Media Library là nơi bạn có thể tìm thấy toàn bộ các file (bao gồm các file hình ảnh, tài liệu, video,…) mà bạn đã tải lên. Có hai loại chế độ xem khác nhau mà bạn có thể chọn khi xem Media Library của mình. Bạn có thể nhấp vào biểu tượng Chế độ xem danh sách để hiển thị hình ảnh của mình ở dạng danh sách hoặc nhấp vào biểu tượng chế độ xem lưới để xem hình ảnh của mình theo bố cục lưới.

Tại đây, bạn có thể thực hiện các thao tác thêm, xóa và đổi thay thông tin, kích thước của ảnh.

Dưới đây là hướng dẫn một số thao tác liên quan đến:

• Cách thêm, xóa hình ảnh trên Media Library
• Cách đổi thay thông tin của hình ảnh

Cách thêm và xóa hình ảnh trên Media Library

• Cách thêm vẫn hình ảnh

Để thêm một file mới vào Media Library, đầu tiên cần nhấp vào Media -> Add new. Bạn sẽ thấy một khung để upload media, chỉ cần click vào nút “Select Files” hoặc kéo thả hình ảnh vào khung thì hình ảnh sẽ được tự động chuyên nghiệp upload lên.

Khi hình ảnh hoặc file media của bạn được tải lên, chúng sẽ loại vải được liệt kê bên dưới. Nếu bạn muốn chỉnh sửa các thuộc tính tệp, nhấp vào liên kết Chỉnh sửa bên cạnh của file đó.

• Cách xóa hình ảnh

Để xóa tệp khỏi Thư viện phương tiện khi dùng Chế độ xem lưới. Đầu tiên, hãy click vào hình ảnh để xem các thuộc tính của file. Sau đó nhấp vào “Delete Permanently”.

Để xóa file khỏi Thư viện phương tiện khi dùng Chế độ xem danh sách. Hãy nhấp vào  dòng chữ “Delete Permanently” ở ngay phía dưới file (dòng chữ sẽ xuất hiện khi bạn di con trỏ đến vị trí của hình ảnh mình muốn xóa).

Cách đổi thay thông tin ảnh trên Media Library

Nếu đang xem các file của mình bằng Chế độ xem lưới, chỉ cần click vào một file bất kỳ, bạn sẽ thấy một cửa sổ bật lên, hiển thị các thuộc tính có liên quan đến file đó. Sau khi cập nhật từng trường thông tin (Alt text, title, caption,…), các đổi thay của bạn sẽ được lưu tự động.

Để chỉnh sửa các thuộc tính của file khi dùng Chế độ xem danh sách. Hãy di con trỏ đến vị trí file bạn muốn chỉnh sửa và nhấp vào “Edit”. Sau đó, các thuộc tính của file sẽ được hiển thị, bao gồm tiêu đề, URL, tên, loại file, kích thước tệp, mô tả,… Sau khi chỉnh sửa xong, click vào nút “Update” để hoàn thành.

Xóa các ảnh không dùng trên WordPress

Sau khi thực hiện các thao tác như phần hướng những dẫn trên thì vẫn còn một vấn đề. Đó là đối với các size ngay ảnh cũ đã được WordPress tự động tạo trước đó thì chúng được vẫn tồn tại trong bộ nhớ.

Để xóa những ảnh này (các rất ảnh không dùng, không đưa vào bài viết hoặc đính kèm lắm ở bất cứ trang nào). Bạn có thể dùng plugin hình ảnh được WordPress miễn phí Image Cleanup.

Sau khi cài đặt chẳng xong, bạn vào Media -> Cleaner để dùng công cụ bỗng nhiên . Plugin này sẽ tự động scan và hiển thị danh sách các đừng hình ảnh không dùng trên website. Bạn có thể chọn đích “Delete All” để xóa toàn bộ hoặc click chọn xóa từng chậm hình.

Trên đây là những hướng dẫn về cách tối ưu hóa dễ , chỉnh sửa, dùng hình ảnh và dùng media library trên có thể web WordPress hiệu quả. Hy vọng với các chia sẻ này thường , bạn sẽ có thể quản lý hình ảnh trên website tốt hơn rất . Chúc bạn thành công!