2 cách để thêm ảnh minh họa vào Wordpress Rss Feed

Nếu bạn nào không làm việc quá nhiều với Rss thì bài viết này có lẽ chỉ đọc để biết. Còn bạn nào quan tâm đến ảnh minh họa (thumbnail) để có thể tương tác với các web service hiện nay thì bài viết này chắc chắn sẽ rất hữu ích đối với bạn.

Như mình nói bên trên, hình minh họa trong bài viết rất quan trọng trong những trường hợp sau:

- Nếu bạn dùng facebook ắt hẳn khi bạn share 1 link liên kết nào đó, bài viết được share sẽ sinh động hơn nếu có một hình minh họa bên trái và tiêu đề, tóm tắt nội dung bên phải. Mỗi khi bạn share 1 link facebook sẽ quét toàn bộ nội dung trong link đó có hình ảnh hay không và sẽ cho phép bạn lựa chọn hình đại diện để hiển thị trên facebook

Chia sẻ link có hình minh họa trên facebook

- Trong trường hợp bạn đã có hình ảnh trong bài viết nhưng facebook vẫn không tìm thấy ảnh ? Và kết quả hiển thị ra sẽ mất ảnh minh họa và sẽ kém đi phần hấp dẫn tương tác với người đọc

Chia sẻ link không có hình minh họa trên facebook

- Trong trường hợp bạn sử dụng app facebook có tên RSS Graffiti . App này khá hữu ích nếu bạn cần update thông tin hay bài viết của bạn một cách liên tục trên facebook. App này cho phép bạn post lên wall, page dựa vào nguồn RSS từ website của bạn. Chỉ cần một vài thông số cấu hình đơn giản ban đầu công việc còn lại hoàn toàn tự động và do app thực hiện. Vâng vấn đề ở đây là app sử dụng RSS Feed, do đó nếu trong feed của bạn không có hình ảnh minh họa thì lại quay trở lại trường hợp bên trên !

Ok, ta sẽ bắt tay vào giải quyết vấn đề.

1. Sử dụng chức năng tạo thumbnail tự động của WP (WP post thumbnail):

WordPress 3 có chức năng tạo ảnh thumbnail khá hay, nó cho phép upload ảnh cho bài viết và wordpress sẽ tự động crop tạo ra ảnh thumbnail để dùng trong bài viết. Và chính vì thế chúng ta sẽ áp dụng dùng chức năng này để thêm thumbnail vào Feed. Khá đơn giản bạn hãy chèn đoạn code bên dưới vào file functions.php của theme hiện tại bạn đang sử dụng trên site.

function add_thumb_to_RSS($content) {
   global $post;
   if ( has_post_thumbnail( $post->ID ) ){
      $content = '' . get_the_post_thumbnail( $post->ID, 'thumbnail' ) . '' . $content;
   }
   return $content;
}
add_filter('the_excerpt_rss', 'add_thumb_to_RSS');
add_filter('the_content_feed', 'add_thumb_to_RSS');

2. Sử dụng meta-key (custom field) và tự tạo ảnh thumbnail bằng tay:

Ý tưởng của cách này là bạn sẽ lợi dụng chức năng custom field của wordpress và để tránh việc load file ảnh gốc có trong bài viết làm ảnh thumbnail thì bạn phải tự crop hay resize ảnh gốc thành ảnh bé và upload nó vào một thư mục nào đó mà bạn chỉ định cho việc sử dụng cách này.

Và khi liệt kê bài post ta sẽ lấy ra custom field hay meta-tag để lấy thông tin về ảnh thumbnail handmade :D và đưa vào html kết hợp với thư mục chứa ảnh

Hãy copy đoạn code sau và chèn vào file functions.php của theme mà bạn đang sử dụng. Custom field lấy ví dụ bên dưới là main_img

function add_thumb_to_RSS($content) {
   global $post;
   $appUrl = get_bloginfo('url');
   $thumbnailpath = '/wp-content/themes/toiyeufacebook/thumbnail'; // đường dẫn thư mục chứa ảnh đã chỉnh sửa
   $imgFile = get_post_meta($post->ID, 'main_img', true);

   if ( $imgFile!="" ){
      $img_url = $appUrl . $thumbnailpath . '/' . $imgFile;
         $content = '<img src="' . $img_url . '"/>' . $content;
      }
   return $content;
}
add_filter('the_excerpt_rss', 'add_thumb_to_RSS');
add_filter('the_content_feed', 'add_thumb_to_RSS');

Kết quả là chúng ta sẽ được đoạn code feed tương tự như sau trong RSS:

<description><![CDATA[<img src="http://www.toiyeufacebook.com/wp-content/themes/thumbnail/toiyeufacebook.jpg"/>Tổng hợp tin tức về Facebook.]]></description>