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

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

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

1. Up ảnh lên

Để up ảnh lên, bạn nhấn vào biểu tượng Add Media / Thêm nhất 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 thôi tác như sau:

Đầu tiên bạn cũng nhấn vào Add Media, rất cửa sổ bật ra và bạn nhấn vào tab Media Library để vào mới 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 rất tính năng này thì trình soạn thảo văn bản của bạn nên nhanh  cài đặt thêm plugin có tên TinyMCE Advanced, đây cũng là plugin rất nhiều người đang dùng để hỗ trợ chậm việc biên tập nội dung. Bài viết về cách biên tập nội chớ dung trên WordPress mà mình nói ở phần đầu cũng dùng có lẽ plugin này để minh họa các chức năng.

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

Trình soạn thảo sẽ 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 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 tuyệt vời 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 thành quả 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 luôn bạn tải lên một hình ảnh, WordPress sẽ tự động tạo vẫn các kích cỡ khác cho hình ảnh đó. Bạn có thể chọn kích đang cỡ các hình ảnh này ở Settings » Media.

Hệ thống mặc nhất định có 3 size ảnh là:

  • Thumbnail size: Kích thước mất hình ảnh đem lại thu nhỏ đã
  • Medium size: Kích thước hình ảnh trung bình
  • hoàn thành >
  • Large có lẽ size: Kích thước hình ảnh lớn

 

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

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

add_theme_support( bỗng nhiên  'post-thumbnails' );
set_post_thumbnail_size( có lẽ  150, 150 );

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

& cần ;lt;?php set_post_thumbnail_size( $width, $height rất , $crop ); ?>

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

Cách tạo Gallery ảnh trên WordPress rất đơn giản

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 chỉnh sửa hình lại ảnh để bạn có thể cắt, căn chỉnh tỷ lệ và lật hình ảnh được . Có 2 cách để truy cập trình chỉnh sửa hình ảnh này rất . Khi tải hình ảnh lên từ trang biên tập bài viết, sau rất khi tải lên, bạn sẽ thấy liên kết “Edit Image” ở bên nhanh tay phải.

 

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

 

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

  thường ;

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

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

 

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

unset( $sizes[‘thumbnail’]) sẽ ;
unset( $sizes[‘medium’]);
unset( $sizes[‘large’]) luôn ;

return $sizes;

add_filter(‘intermediate_image_sizes_advanced’ bỗng nhiên , ‘wplift_remove_image_sizes’);

Tạo thư viện ảnh

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

  được ;

Envira gallery tạo thư viện tốt nhất hiện nay, tối cần ưu tốc độ chỉ 60k.

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

 

Giao diện của bạn sẽ hiển nhanh thị thư viện ảnh dưới định dạng lưới và khi một hình chậm ảnh được nhấn vào, người xem sẽ được điều hướng đến đã trang đơn hình ảnh, giúp bạn thuận tiện quản lý hình nhanh ả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ể xem và chỉnh sửa các file đã tải lên

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 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 upload lên.

Khi hình ảnh hoặc file media của bạn được tải lên, chúng sẽ được liệt kê bên dưới. Nếu bạn muốn chỉnh trọng lượng 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 đột nhiên các thao tác như phần hướng dẫn trên thì vẫn còn một rất vấn đề. Đó là đối với các size ảnh cũ đã được WordPress chớ tự động tạo trước đó thì chúng vẫn tồn tại trong bộ những nhớ.

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

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

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

Quản lý hình ảnh dễ dàng trên Wordpress cho website của bạn

Lê Trương Tấn Lộc ()

Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu cho tập đoàn quốc tế, hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.