Hướng dẫn thêm ảnh bài viết cho WordPress RSS Feed

Rate this post

RSS Feed của website WordPress đang chỉ có chữ và quá nhàm chán? Hãy thêm ảnh đại diện cho mỗi bài viết theo hướng dẫn sửa code sau của Code Tốt.

RSS Feed WordPress là gì?

RSS Feed là gì? Blog của bạn Lại Văn Đức có giải thích khá đầy đủ:

RSS là chữ viết tắt của cụm từ Really Simple Syndication. Đây là một định dạng nội dung được cung cấp trên môi trường website (thường hay dùng ở các trang tin tức, hoặc blog) với định dạng XML. Tính năng RSS feed chủ yếu cho phép người dùng muốn theo dõi các nội dung mới trên website hoặc một mục nào đó một cách nhanh nhất, hoàn toàn tự động dựa vào một số dịch vụ online hoặc phần mềm chuyên dụng để đọc các tin qua RSS feed.

Bạn muốn xem hiển thị RSS Feed như thế nào thì nên sử dụng trình duyệt Firefox nhé, dùng Chrome thì chỉ toàn thấy code thôi. Ví dụ như trong hình, bên trái là của Firefox và bên phải là của Chrome.

Bạn có thể test bằng đường dẫn Code Tốt RSS Feed nhé.

So sánh hiển thị RSS Feed giữa Chrome và Firefox

Tại sao cần thêm ảnh cho RSS Feed?

Tương tự như trình duyệt biên dịch web, có nhiều phần mềm và ứng dụng được phát triển để biên dịch RSS Feed giúp người dùng tra cứu tin bài mới nhất thuận lợi. Việc thêm ảnh sẽ giúp hiển thị bài viết của bạn trên các công cụ này trực quan và giúp tăng tỷ lệ quan tâm hơn nhiều so với nội dung chữ đơn  thuần.

Cách thêm ảnh vào trong RSS Feed của WordPress

Giờ, ta sẽ bắt tay vào code vài dòng để phần RSS Feed của mình hiện ra nhé. Bạn hãy mở file functions.php lên và nhập code sau:

function add_thumbnail_to_rss_feed() {
   global $post;
   $output = '';
   if ( has_post_thumbnail( $post->ID ) ) {
      $thumbnail_ID = get_post_thumbnail_id( $post->ID );
      $thumbnail = wp_get_attachment_image_src( $thumbnail_ID, 'medium' );
      $output .= '<media:content xmlns:media="http://search.yahoo.com/mrss/" medium="image" type="image/jpeg"';
      $output .= ' url="'. $thumbnail[0] .'"';
      $output .= ' width="'. $thumbnail[1] .'"';
      $output .= ' height="'. $thumbnail[2] .'"';
      $output .= ' />';
   }
   echo $output;
}

Sau đó, bạn cần gọi filter như sau để nó hoạt động, cũng trong file functions.php và ngay bên dưới dòng code vừa xong:

add_action('rss2_item', 'add_thumbnail_to_rss_feed');

Sau đó, hãy mở RSS Feed của bạn trên Firefox và quan sát kết quả nhé. Đây là ví dụ của mình trước và sau khi thực hiện:

Ảnh so sánh trước vào sau khi thêm ảnh thumbnail vào RSS Feed WordPress

Cách kiểm tra RSS Feed của bạn có hợp lệ hay không

Cách 1: Bạn mở trên trình duyệt Firefox.

Cách 2: bạn truy cập Validator W3 và nhập liên kết RSS Feed của bạn vào. Thường các website WordPress thì RSS Feed ví dụ sẽ là https://codetot.net/feed/

Update:

  • 28.11.2018: Cập nhật code mới hợp lệ khi validate (kiểm tra) trên RSS Feed Validator

Viết một bình luận


Chuyên gia về Web
Bạn muốn làm việc với dịch vụ website do chúng tôi triển khai?
Gọi tư vấn 0982.90.4343
Chuyên gia về Web
Bài viết liên quan

02/01/2024

Fix lỗi npm không thể cài các package devDependencies
Khi cài đặt dự án,  có lúc bạn sẽ cài mãi cũng không đủ các package npm, đặc biệt là...
Gọi file PHP trong WordPress

19/09/2023

Cài đặt và sử dụng WP-CLI trên môi trường Linux
Trên một số môi trường Hosting có thể cung cấp SSH hoặc Terminal access, song không có sẵn WP-CLI để...
Import database MySQL lớn trên môi trường Docker

06/08/2023

Import database MySQL lớn trên môi trường Docker
Mình sử dụng EasyPanel để quản lý các Docker và build môi trường app. Nay gặp tình huống phải import...

28/01/2023

Hướng dẫn cài đặt php extension mongodb trên Mac OS M1
Khi bạn muốn hỗ trợ MongoDB trên dòng Mac M1, phần cài đặt sẽ cần một chút lưu ý. Hướng...