Code lấy ảnh đầu tiên trong bài viết làm ảnh đại diện

Code lấy ảnh đầu tiên trong bài viết làm ảnh đại diện

Nhiều website cũ khi nâng cấp lên phiên bản WordPress cao hơn có thể gặp phải tình trạng mất ảnh đại diện hoặc theme lúc trước không tương trợ ảnh đại diện thì có thể tiêu dùng code dưới đây cho vào file functions.php để chúng tự động lấy ảnh đầu tiên trong bài viết đặt thành ảnh đại diện khi truy cập vào chuyên mục hoặc trang lưu trữ (archive).

Ảnh đại diện của bài viết là gì?

Để dễ hình dung bạn có thể truy cập vào đường dẫn này https://truongcongthang.com/kien-thuc-ve-wordpress/ bạn sẽ thấy list danh sách các bài viết khác nhau, mỗi 1 bài viết đều có 1 hình ảnh, đó chính là ảnh đại diện của bài viết.

Nếu trong theme của bạn có tương trợ add_theme_support( 'post-thumbnails' ); khi soạn thảo bài viết sẽ có mục chọn ảnh đại diện như sau:

File functions.php trong WordPress nằm ở đâu? bạn có thể đọc qua bài viết này.

Code lấy ảnh đầu tiên trong bài viết làm ảnh đại diện

// Add a function to automatically set the first image as featured imagefunction vutruso_autoset_featured() {      global $post;      $already_has_thumb = has_post_thumbnail($post->ID);      if (!$already_has_thumb)  {         $attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );         if ($attached_image) {            foreach ($attached_image as $attachment_id => $attachment) {               set_post_thumbnail($post->ID, $attachment_id);            }         }      }   }   add_action('the_post', 'vutruso_autoset_featured');   add_action('save_post', 'vutruso_autoset_featured');   add_action('draft_to_publish', 'vutruso_autoset_featured');   add_action('new_to_publish', 'vutruso_autoset_featured');   add_action('pending_to_publish', 'vutruso_autoset_featured');   add_action('future_to_publish', 'vutruso_autoset_featured');

Sau khi cho code vào file functions bạn lưu lại và xem kết quả. Với code này bạn cũng có thể code thêm điều kiện, nếu bài viết không có ảnh nào luôn thì có thể đặt cho nó 1 ảnh mặc định ví dụ no-thumbnail.jpg hoặc 1 ảnh nào đó tuỳ bạn.

Chúc bạn thành công.