Cara Mengatur Tampilan Jetpack Related Post

oleh | Mar 18, 2018 | plugin wordpress, Tips Tricks | 0 Komentar

Plugin jetpack hadir dengan lusinan fitur, sehingga ketika anda menginstall plugin jetpack pada sebuah situs wordpress, Anda hampir tidak membutuhkan plugin tambahan lain. Salah satu fitur populer yang dimiliki jetpack adalah fitur related post. Pada kesempatan ini, sasambo design akan membahas bagaimana cara mengatur tampilan jetpack related post.

Anda bisa melakukan beberapa pengaturan standar untuk jetpack related post pada menu Setting + Read. Tapi sebatas pengaturan bawaan seperti, pilihan untuk menampilkan tanggal, menampilkan katagory, gambar visual dan judul post.

Tapi sebelum masuk kepembahasan, pastikan anda sudah menginstall plugin jetpack terlebih dahulu dan telah menggunakan child theme wordpress. Tutorial lengkapnya bisa Anda lihat pada postingan berikut ini.

Pada tutorial cara mengatur tampilan jetpack related post ini, akan dibahas bagaimana cara menampilkan related post jetpack lebih dari 3 post, menampilkan jetpack via shortcode, cara mencegah sebuah post tampil pada related post jetpack, dan mengatur ukuran judul related post.

Pada kesempatan sebelumnya, saya juga pernah menulis tentang bagaimana menyembunyikan related post jetpack dari sebuah postingan. Misalkan pada sebuah post anda tidak menginginkan jetpack related post tampil, tutorial berikut menjelaskan caranya: Cara menyembunyikan related post dari sebuah postingan.

 

#Cara Menampilkan Lebih Dari 3 Post Pada Related Post Jetpack

Pada tampilan standar jetpack related post, terdapat 3 postingan. Anda tidak bisa merubah jumlah post yang tampil dengan cara biasa, karna tidak ada menu pengaturan untuk itu.

Untuk menampilkan lebih dari 3 postingan pada related post jetpack, silahkan tambahkan kode berikut pada function.php child tema yang anda gunakan.

function jetpackme_more_related_posts( $options ) {
    $options['size'] = 6;
    return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'jetpackme_more_related_posts' );



Kode di atas akan menampilkan related post sebanyak 6 postingan. Ada bisa merubahnya sesuai dengan keinginan Anda.

 

#Cara Menampilkan Jetpack Via Shortcode

Jika anda ingin menampilkan related post jetpack pada posisi tertentu di dalam postingan Anda, misalkan Anda ingin menampilkan di tengah atau di awal postingan, Anda bisa menggunkan shortcode jetpack berikut [*jetpack-related-posts] Hilangkan tanda bintang ketika memasang shortcode ini.

Perlu anda ketahui, ketika anda menggunakan shortcode related post jetpack ini, related post yang ada di akhir postingan tidak akan muncul, karena secara otomatis, jetpack hanya bisa muncul sekali dalam postingan.

 

#Mencegah Sebuah Post Tampil Pada Related Post Jetpack

Berikutnya adalah cara mencegah agar sebuah postingan tidak tampil pada related post jetpack. Tambahkan kode berikut pada file function.php child tema Anda.

function jetpackme_exclude_related_post( $exclude_post_ids, $post_id ) {
    // $post_id is the post we are currently getting related posts for
    $exclude_post_ids[] = 1037; // Exclude post_id 1037
    $exclude_post_ids[] = 1038; // Also exclude post_id 1038
    return $exclude_post_ids;
}
add_filter( 'jetpack_relatedposts_filter_exclude_post_ids', 'jetpackme_exclude_related_post', 20, 2 );

 

1037 dan 1038 merupakan ID_Post wordpress yang anda tidak inginkan muncul pada related post. Cara mengetahui ID_post adalah dengan melihatnya pada kolom url browser ketika dalam mode editor.

Pastikan anda merubah ID_post pada kode diatas. Jika ingin menambahkan post yang lain, tambahkan kode $exclude_post_ids[] = id_post; pada baris baru, seperti contoh kode diatas.

 

#Merubah Ukuran Teks Judul Related Post

Menurut saya, ukuran judul “related” pada jetpack related post terlalu kecil, tapi tentunya tergantung dari desain template masing-masing website. Jik anda mengalami masalah seperti yang saya alami, anda bisa merubah ukuran judul related post ini dengan menambahkan kode css pada custome css child theme wordpress Anda.

#jp-relatedposts h3.jp-relatedposts-headline {
font-size: 12pt;
}

Sesuikan ukuran font-size dengan desain website Anda masing-masing.

 

Itu dia, tutorial cara mengatur tampilan jetpack related post, jika ada yang masih kurang jelas, jangan pernah sungkan untuk meninggalkan komentar Anda di bawah. Semoga bermanfaat.

0 Komentar

Tinggalkan Balasan

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pin It on Pinterest

Share This