Cara Membuat Related Post WordPress Tanpa Plugin Work

Cara membuat related post WordPress tanpa plugin jauh lebih mudah. Kalau Anda memang belum mengetahui caranya, mungkin postingan ini dapat membantu Anda untuk memahami itu. Banyak sekali cara yang bisa Anda lakukan untuk membuat situs web Anda menjadi sangat menarik.

Salah satunya adalah dengan mengurangi penggunaan plugin yang tentunya lebih menguntungkan karena dapat mengoptimalkan kinerja situs Anda. Namun, Anda juga perlu mempertimbangkan hal penting lainnya yang sekiranya itu tidak membuat beban server hosting Anda makin berat. Dengan terus berupaya untuk menjadikan situs Anda memiliki kinerja yang baik, Anda akan menemukan banyak peluang bahwa blog Anda begitu profesional.

Sekarang Anda akan belajar memahami tentang cara mengurangi penggunaan alat wordpress yang kebanyakan sudah tersediakan. Membangun situs dengan wordpress memang menemui banyak kemudahanan dan salah satunya adalah tentang beberapa dukungan seperti plugin.

Bukan hanya itu saja yang akan Anda dapatkan dari kemudahan tersebut. Banyaknya theme wordpress yang bisa Anda pilih secara langsung juga menjadi sebuah keuntungan bagi Anda sendiri. Kalau Anda memang sudah memiliki theme yang mendukung fitur related post didalamnya, bukan tanpa alasan jika Anda menambahkan fitur lainnya.

Terkadang, kita kurang puas dengan apa yang sudah dimiliki oleh theme yang kita gunakan. Untuk itu, menambahkan desain sendiri dengan melengkapi dukungan lainnya patut Anda lakukan. Sehingga, Anda mendapatkan hasil yang lebih baik dari itu.

Cara membuat related post WordPress juga bukan suatu yang akan merugikan Anda sendiri sebagai pemilik situs. Bahkan, ini akan meningkatkan page view dan mengurangi rasio pentalan yang sebelumnya dialami oleh situs Anda. Begitu juga mengenai keuntungan lainnya yang bisa Anda dapatkan dari SEO situs Anda tersebut.

Sudah sepatutnya Anda mampu membuat pengunjung menjadi lebih nyaman dengan adanya tautan related posting yang Anda sajikan. Jika situs Anda belum menyajikan itu, Anda dapat memulai itu sekarang dengan cara menerapkannya disitus Anda.

Saya akan mencoba memberikan rekomendasi tentang itu yakni membuat fitur related post tanpa plugin yang bisa Anda terapkan ditengah artikel maupun dibawah artikel Anda. Saya akan mengulasanya dengan beberapa langkah dan pastikan Anda bisa teliti dari setiap langkah yang saya berikan.

Cara Membuat Related Post WordPress Tanpa Plugin Seperti (Baca juga) Otomatis di Tengah Postingan

Pertama, Anda ambil kode berikut lalu letakkan pada theme wordpress yang Anda gunakan yakni tepatnya di functions.php. Akan lebih mudah jika Anda melakukannya melalui cPanel.

//*custom function Simak Juga
function CodeSimakJuga($atts){
extract(shortcode_atts(array(
'number' => 4,
'tag' => 'default-tag',
'baca' => '<div class="baca">',
'titlebaca' => '<div class="titlebaca"><strong>Simak Juga:</strong></div>',
'contentbaca' => '<div class="contentbaca">',
'openul'	=> '<ul>',
'id' => get_the_ID(),
), $atts));
$return_string .= ''.$baca.''.$titlebaca.''.$contentbaca.''.$openul.'';
$the_query = new WP_Query(array('tag' => $tag, 'orderby' => 'date', 'order' => 'DESC' , 'showposts' => $number , 'post__not_in' => array( $id ), 'tag__not_in' => array(00001, 00002, 00003) ));
if ( $the_query->have_posts() ) { while ( $the_query->have_posts() ) { $the_query->the_post();
$return_string .= '<li><a target="_blank" href="'.get_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a></li>';
}
} else {
}
wp_reset_postdata();
$return_string .= '</ul>';
$return_string .= '</div>';
$return_string .= '</div>';
$return_string .= '<div class="partner-banner-aftc-simak-juga" style="text-align: center; margin-top: 30px;"></div>';
return $return_string;
}
//*Imsahadi.com
add_shortcode( 'artikel', 'CodeSimakJuga' );

Kedua, setelah Anda sudah menerapkan kode diatas maka jangan lupa save dan lanjut kelangkah berikutnya.

Ketiga, sekarang Anda percantik tampilannya dengan menambahkan kode CSS berikut. Letakkan saja dibagian theme wordpress yang Anda gunakan yakni didalam style.css dipaling bawah.

.baca{
position: relative;
display: inline-block;
}
.baca .titlebaca{
background-color: white;
position: absolute;
margin-left: 15px;
margin-top: -14px;
padding: 0px 15px;
}
.baca .contentbaca{
border: solid 1px #90d26d;
padding: 20px 20px 0px 20px;
}

Keempat, sesudah kode diatas telah Anda terapkan maka jangan lupa save.

Kelima, untuk mulai menempatkan fitur related post didalam postingan Anda, tambahkan kode berikut disetiap postingan yang Anda buat.

[/artikel number=3 tag=”wordpress” ] 

Keenam, kalau tag yang Anda buat menggunakan dua kata maka gunakan kode seperti berikut dan jangan lupa buang tanda / yang saya sertakan.

[/artikel number=3 tag=”wordpress-theme” ]

Ketujuh, perhatikan bahwa angka 3 adalah jumlah artikel yang ingin ditampilkan dan Anda dapat menentukan itu sesuai keinginan Anda sendiri.

Untuk mempermudah Anda semua dalam memahami semua langkah diatas, saya akan sajikan video sebagai tutorial dan Anda bisa juga menyimaknya.

Pastikan Anda dapat meneliti dari setiap langkah yang saya berikan supaya Anda bisa berhasil.

Cara Membuat Related Post WordPress Tanpa Plugin di Bawah Postingan

Melalui langkah ini, Anda dapat menggunakan dua kode yang berbeda antara related post sesuai tag atau sesuai dengan kategori. Untuk mengetahui lebih lanjut, maka perhatikan langkah ini dengan baik.

Silahkan letakkan salah satu kode related post berikut pada theme wordpress Anda tepatnya di single.php. Tempatkan dibawahnya kode mirip seperti </div><!–single_post–> atau bisa juga Anda tempatkan tepat diatas <?php comment_template( ‘ ‘, true) ); ?>

Kode related post sesuai tag

<h3>Related Post : </h3>
<ul><?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>3,
'caller_get_posts'=>1 );
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?></a></li><?php endwhile; }} ?></ul>

Perhatikan kode diatas bahwa untuk menampilkan jumlah artikelnya dapat Anda tentukan pada kode showpost: 5

Kode related post sesuai kategori

<h3>Related Post :</h3>
<div class="relatedpost">
<?php $this_post = $post;$category = get_the_category();
$category = $category[0]; $category = $category->cat_ID;
$posts = get_posts('numberposts=11&offset=0&orderby=rand&order=DESC&category='.$category);$count = 0;
foreach ( $posts as $post ) {if ( $post->ID == $this_post->ID || $count == 4) {unset($posts[$count]);}
else{$count ++;}}?>
<?php if ( $posts ) : ?><div><ul>
<?php foreach ( $posts as $post ) : ?>
<li><a href="<?php the_permalink() ?>" target="_blank"><?php if ( get_the_title() ){ the_title(); } else { echo "Tidak ada artikel terkait"; } ?></a></li>
<?php endforeach
// $posts as $post ?></ul></div>
<?php endif
// $posts ?>
<?php $post = $this_post;unset($this_post);?>

Perhatikan kode diatas bahwa untuk menampilkan jumlah artikelnya dapat Anda tentukan pada kode numberposts:11

Untuk mempercantik tampilannya silahkan tambahkan kode CSS berikut pada style.css ditheme wordpress Anda.

/*-[ Related Posts ]---------------------------*/
 .relatedpost {
 background: #f2f2f2;
 border-top:3px solid #459d72;
 border-left:3px solid #459d72;
 border-right:3px solid #459d72;
 padding: 2px 2px 2px 20px;
 font-size: 14px;
 line-height: 1.7em;
 }
 .relatedpost a:hover {
 background: #90d26d;
 color: #ffffff;
 text-decoration: none;
 padding: 2px;
 border: 1px solid #666;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 }

Anda juga dapat mengubah warna sesuai keinginan Anda seperti pada border maupun pada bagian background melalui kode CSS diatas.

Kalau kalian ingin memahami lebih jauh tentang tahapan ini, Anda juga dapat menyimak video tutorial tentang cara membuat related post di WordPress yang sudah di upload. Ini mengenai related post dibawah postingan dan berbeda dengan tahapan pertama diatas yang metode penerapannya adalah ditengah postingan.

Itulah postingan saya mengenai cara membuat related post WordPress tanpa plugin. Semoga dapat menjadi rekomendasi yang bisa membantu Anda semua yang hari ini belum memahami langkahnya.

4 Comments

  1. Lubis May 17, 2020
    • Mas Hadi May 17, 2020
  2. febri June 17, 2020
    • Mas Hadi June 18, 2020

Add Comment