contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Menampilkan Thumbnail Pada RSS Feed

Posted in Tutorial Wordpress Life at 09 Maret 2017 With 0 Comments

Tutorial kali ini kita akan membahas Cara Menampilkan Gambar Thumbnail Pada RSS Feed di Wordpress, Menampilkan RSS biasanya hanya berisi title, description,. Maka hasilnya merupakan kumpulan text yang terlihat sehingga cukup membosankan. Nah, agar RSS kita terlihat lebih cantik dan menayik, maka bisa dengan cara menampilkan image berupa thumbnail dari setiap posting yg kita grab. Caranya cukup simple, yakni :

Catatan : Lakukan Tahap - demi tahap

▼ Download Source Code Dibawah Ini ▼


1. Postingan / Setiap artikel sudah memiliki gambar ( Featured Image )

Apabila belum ada, anda dapat menambahkan dengan menggunakan fasilitas di sedebar kanan bawah pada Form POST artikel (edit artikel)

2. Buka File functions.php pada template / thame yang anda gunakan.

Tambahkan kode dibawah ini pada baris paling bawah :

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID) .
'</p>' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

3. Jika anda sudah melakukan dua hal diatas, harusnya sekarang sudah ada image (thumbnail) pada RSS anda. Hanya saja bentuknya cukup besar, ukurannya sekitar 150px x 150px.

4. Jika image nya ingin anda custom, maka caranya tinggal menambah sedikit script pada function diatas, terutama pada bagian get_the_post_thumbnail. Misalnya ukuran image nya 60px x 60px, maka bisa seperti berikut :

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID,
array( 60, 60)) .
'</p>' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

Untuk lebih jelas tentang get_the_post_thumbnail bisa dilihat pada halaman ini.

Done ! itu saja

Artikel Rekomendasi



Artikel Terkait

Diskusi