Tự động lấy ảnh đầu tiên bài viết làm ảnh thumb

Có nhiều cách để hiển thị ảnh thumb của bài viết ra trang chủ, trang chủ đề .... Mình xin giới thiệu các bạn các cách mà mình biết được.

1. Sử dụng plugins:

Auto Post Thumbnail tải về tại: http://wordpress.org/plugins/auto-post-thumbnail/

(Mình chưa sử dụng plugins này, các bạn cứ tải về cài đặt thử nhưng chắc sẽ thành công :D )

2. Sử dụng timthumb.php kết hợp với code:

Mình thích sử dụng cách này nhất vì hiển thị ảnh đẹp (không bị bóp méo).

 - Đầu tiên bạn mở file function.php thêm vào đoạn code sau:

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 = "đường dẫn ảnh thumb thay thế nếu như bài viết không có ảnh";

  }

  return $first_img;

}

Các bạn nhớ thêm sau thẻ <?php nhe

- Tiếp theo các bạn vào https://code.google.com/p/timthumb/ để tải file timthumb.php về và để ngang hàng với file index.php trong theme wordpress của bạn muốn sử dụng.

 - Tạo một folder có tên là cache ngang hàng với file timthumb.php

 - Bước này sẽ hiển thị ảnh thumb của bài viết tại trang chủ, trang chủ đề, trang tags ...

<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo catch_that_image(); ?>&w=452&h=250" border="0" />

Chép đoạn code trên và dán vào vị trí thích hợp để hiển thị ảnh thumb. Các bạn có thể chỉnh chiều dài, rộng của ảnh cho phù hợp với giao diện đang sử dụng.

*Nếu bạn không muốn sử dụng timthumb.php, tuy nhiên ảnh sẽ bị méo mó nhìn không được đẹp thì các bạn có thể dùng đoạn code sau:

<img src="<?php echo catch_that_image(); ?> width="rộng" height="cao" />

Còn nhiều cách hiển thị thumb auto khác, tuy nhiên phức tạp nên mình tạm không nghiên cứu. Các bạn có cách nào hay hơn có thể chia sẻ với mình.

Chúc các bạn thành công!