Code tự động lấy ảnh đầu tiên làm ảnh thumbnail ngoài giao diện WordPress

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.

Mục lục

Có lẽ nhiều bạn nghĩ rằng việc set ảnh feature image là phải vào mục set feature ảnh để làm ảnh đại diện, nhưng có một sự thật là khá nhiều bạn rất lười làm việc này, mình có làm một vài dự án cho một vài công ty, do số lượng bài viết nhiều, họ khá lười trong việc set hình ảnh đại diện này. Vì thế mình có một vài cách để hướng dẫn bạn set tự động hình ảnh này, bằng cách lấy hình ảnh đầu tiên trong bài viết để làm hình ảnh đại diện (featured image).

Tự động lấy ảnh đầu tiên của bài viết làm ảnh featured image

Cách 1: sử dụng code

Với cách này bạn cần phải hiểu biết một vài chi tiết về code của WordPress. Đầu tiên, bạn mở file functions.php và chèn code bên dưới vào dưới code của file hoặc trên cùng cũng được, miễn là bạn hiểu rằng code đã hoạt động (trường hợp sau khi chèn website bị trắng bóc nghĩa là bạn chèn không đúng chỗ)

function catch_that_image() {
  global $post, $posts;
  $first_img = ”;
  ob_start();
  ob_end_clean();
  $output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);
  $first_img = $matches [1] [0];
  if(empty($first_img)){ //Defines a default image
    $first_img = “/images/default.jpg”; //Duong dan anh mac dinh khi khong tim duoc anh dai dien
  }
  return $first_img;
}

function catch_that_image() {

global $post, $posts;

$first_img = ”;

ob_start();

ob_end_clean();

$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);

$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image

$first_img = “/images/default.jpg”; //Duong dan anh mac dinh khi khong tim duoc anh dai dien

}

return $first_img;

}

Trong đó /images/default.jpg là đường dẫn tới ảnh mặc định nếu không tìm thấy ảnh trên bài viết.

Cuối cùng bạn vào index.php và content.php (nếu trong bài viết có ảnh thumb) để thêm đoạn code này vào

<img src=”<?php echo catch_that_image() ?>” />

1	<img src=”<?php echo catch_that_image() ?>” />

Vậy là xong, ưu điểm của cách này là gọn nhẹ, không cần sử dụng thêm plugin, nhưng nhược điểm là thường có một số bạn làm không được, vì thế mình sẽ giới thiệu thêm cách 2

Cách 2: sử dụng plugin

Auto Post Thumbnail

Plugin này rất dễ sử dụng, khi bạn thêm plugin này vào, việc bạn làm là không gì cả, nó tự động tìm tới đường dẫn ảnh đầu tiên của bài viết vào set vào featured image.

Autoset Featured Image

Plugin này hoạt động cũng gần giống plugin trên, cách hoạt động vô cùng đơn giản, bạn không cần cấu hình gì nhưng plugin vẫn hoạt động rất ổn định

Video Thumbnails

Plugin này dành cho những bạn đang muốn làm trang video, để giúp cho người dùng có thể post video với tốc độ nhanh, hỗ trợ tất cả các trang video lớn trên thế giới. Chỉ cần tìm thấy video hoạt động trong bài viết, plugin này tự động bắt lấy hình ảnh thumbnails của video làm ảnh featured image cho bài viết đó

Lưu ý: Plugin hoặc code chỉ hoạt động tốt nếu hình ảnh đó nằm trên host của bạn, nếu bạn dùng link ngoài thì cần cấu hình lại một chút, mình sẽ dành thời gian đó cho một bài viết khác

Lời kết

Đây chỉ là một vài thủ thuật nho nhỏ để giúp bạn làm chủ ảnh featured image của wordpress, nếu bạn vẫn muốn làm cho blog phong phú hơn thì bạn nên set bằng tay. Cách này dùng cho những công ty không có thời gian để lựa chọn một hình ảnh khác