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

Fullcode chỉ cần up lên host là giống demo không cần cài đặt. Xem ngay

Xem thêm 100+ mẫu landing page đẹp chuẩn seo bằng WordPress tại đây.

CAM KẾT WEB ĐÃ TỐI ƯU CHUẨN SEO, KHÔNG VIRUS, KHÔNG MÃ ĐỘC

Ảnh đại diện của mỗi bài viết trong website wordpress giúp nâng cao thẩm mỹ khi hiện thị bài viết, một phần nó cũng giúp cho bài viết seo tốt hơn.

Nhưng trong quá trình viết bài chúng ta rất hay quên việc này, đôi khi nó lại gây mất thời gian, vì vậy để khắc phục điều này hôm nay mình sẽ share cho các bạn đoạn code giúp tự động lấy hình ảnh đầu tiên làm ảnh đại diện của mỗi bài viết.

Code này có ưu điểm:

Lấy hình ảnh đầu tiên trong bài viết làm ảnh đại diện, khi ko có ảnh đại diện sẽ hiển thì hình ảnh mặt định, lấy ảnh từ bất kì nguồn nào khi bạn copy bài viết!

Nhược điểm:

Vì tự động lấy hình tự động nên mình ko thể tùy chỉnh kích thước hình ảnh, cũng như ko thể thay đổi tên file ảnh:

Sau đây là đoạn code tự động lấy ảnh đầu tiên trong bài viết làm ảnh đại diện. Các bạn copy đoạn code này dán vào file functions.php của theme nhé:

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;
}

Cách dùng: Chèn đoạn code này vào vị trí muốn Ảnh đại diện xuất hiện

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

Hoặc bạn có thể dùng plugin: Auto Post Thumbnail

Quà tặng khủng khi mua Fullcode tại Chothemewordpress.com

Đọc kỹ Điều khoản sử dụngCâu hỏi thường gặp trước khi mua hàng.

Làm việc từ 8h30 đến 23h30, không nghỉ lễ tết, T7, CN. Hotline: 0982.961.390

Mẹo: Bạn muốn tìm Fullcode điện thoại hãy đánh dien thoai không dấu vào ô tìm kiếm.

Leave a Reply

Nhắn tin qua Facebook Zalo: 0986989626
Hotline: 0982.961.390
+250 mẫu giảm 10% (Mã FC10) hoặc Quà tặng khủngXem ngay
+ +