Membuat Related Post Berdasar TAG di WordPress

Tutorial Wordpress

Biasanya kita sering menjumpai artikel cara membuat related post tanpa plugin berdasarkan kategori post tetapi kali ini saya akan bahas cara membuat related post berdasarkan Tag posting. Related post ini nanti akan menampilkan posting terkait sesuai dengan Tag atau label yang sama.

Manfaat Related Post Tag

Related post atau posting terkait akan meningkatkan traffic pembaca. Selain itu keterkaitan halaman juga akan menurunkan Bounce Rate yang kita tau bahwa bounce rate tinggi tidak baik untuk kesehatan SEO website.

Trus kenapa harus Related Post berdasat Tag? Sebenarnya kita bisa leluasa memilih related mana yang akan digunakan, mau category base atau tag base. Pada website yang memiliki sedikit kategori dengan banyak artikel biasanya menggunakan related post by tag seperti Web Berita.

Website berita rata-rata menggunakan keterkaitan posting sesuai tag agar lebih mudah mencari kesamaan tema posting. Contohnya korupsi pada kategori politik, posting terkait tema adalah korupsi bukan kategori politik. Dengan begitu nanti yang akan tampil hanya berita korupsi.

Cara Membuat Related Post TAG base

Sebenarnya basis cara kerja sama dengan Related By Category hanya saja untuk tag ini menggunakan argumen tax_query dari wp_get_post_terms.

<?php
	$tags = wp_get_post_terms( get_queried_object_id(), 'post_tag', ['fields' => 'ids'] ); 
	$args = [
		'post__not_in'        => array( get_queried_object_id() ),
		'posts_per_page'      => 3, //Jumlah posting terkait
		'ignore_sticky_posts' => 1, //abaikan sticky
		'orderby'             => 'rand', //ganti urutan acak (rand), tanggal (date), dst
		'tax_query' => [
			[
				'taxonomy' => 'post_tag',
				'terms'    => $tags
			]
		]
	];
    $qry = new WP_Query( $args );
    if( $qry->have_posts() ){
        ?>
        <section class="related-post">
    	<h2 class="title">Posting Terkait</h2>
		<div class="grid">
    	<?php while( $qry->have_posts() ){ $qry->the_post(); ?>
		<div class="">
			<div class="holder">
			<div class="img-holder">
			<a href="<?php the_permalink(); ?>" class="thumbnail">
			<?php 
				if( has_post_thumbnail() ){
					the_post_thumbnail() );    
					}else{ 
					//thumbnail pengganti jika kosong
					}
					?>                        
			</a>
			</div>
			<div class="text-holder">
			<?php 
			the_title( '<h3 class="post-title"><a href="' . esc_url( get_the_permalink() ) . '">', '</a></h3>' );
			?>
			</div>
			</div>
			</div>
			<?php }
			wp_reset_postdata(); ?>
			</div>
    	</section>
        <?php
    }
?>

Cara menggunakan script ini kita bisa menempatkannya di file single.php yang biasa dibuat untuk menampilkan halaman posting. Sebagai catatan script ini tidak bekerja di Custom post type. Untuk membuat related di Custom post type silahkan sesuaikan tax_query dengan post type yang anda miliki.

Arfan Zahir R.

Administrator di IdeUnik.com. Skill menulis yang biasa-biasa saja dan tidak terlalu istimewa. Berkecimpung di dunia IT sejak tahun 2010 sampai sekarang. Hobi Mancing (emosi) dan Olahraga Lari (dari kenyataan) :D

Artikel Terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *