Cara Membuat Shortcode Baca Juga (Related Posts)

Cara Membuat Shortcode Baca Juga (Related Posts)

Pernah melihat jika dalam satu postingan di beberapa paragrafnya terdapat istilah "Baca Juga" atau dengan sebutan lainnya, bermaksud untuk memberi tahu kepada pembaca bahwa ada artikel relevan lainnya, bisa juga disebut dengan related posts.

Nah, untuk mempermudah memasang hal tersebut pada platform wordpress bisa menggunakan "shortcode", dan berikut tutorial membuat shortcode "Baca Juga" pada wordpress.

Kita mulai dengan membuatkan function pada functions.php di direktori theme yang digunakan.

function baca_juga($atts){

Selanjutnya, membaca slug untuk mengambil sebuah postingan.

    $post = '';
    $content = '';

    extract( shortcode_atts( array(
        'slug' => null,
    ), $atts ) );

    $args = array(
        'name' => $slug,
        'numberposts' => 1
    );

    $post = get_posts( $args );

Selanjutnya tinggal membuatkan markup untuk menampilkan hasil shortcode.

    if ( !empty( $post ) ) {    
        $content = '<a href=".........
    }    
    return $content;
}

Untuk markup bisa diisi dengan sebebas keinginan pembuatnya, berikut contohnya:

post_permalink( $post[0]->ID // ini untuk menampilkan permalink postingan
get_the_post_thumbnail( $post[0]->ID, array( 75, 75) ) // ini untuk menampilkan featured image beserta ukurannya, kamu bisa melihat custom ukuran pada halaman resmi wordpress thumbnail code
$post[0]->post_title // nah ini untuk menampilkan judul dari postingan

Nah dengan begini, kamu bisa membuat shortcode untuk menampilkan relevan postingan "Baca Juga" hanya dengan memasangkan shortcode pada editor, jangan lupa memasang add_shortcode pada functions.php, contoh:

add_shortcode('bacajuga','baca_juga');

Dan selanjutnya tinggal memasang pada editor text, jika ingin ditampilkan pada artikelmu, contoh:

[bacajuga slug="ini-adalah-slug-artikel"]

Cukup mudah bukan? untuk lebih memahami lagi, mari kita lihat mudahnya memasang kode adsense melalui shorcode.

Shortcode untuk adsense

function showads() {
    return '<div id="adsense"><script type="text/javascript"><!--
  google_ad_client = "pub-XXXXXXXXXXXXXX";
  google_ad_slot = "4668915978";
  google_ad_width = 468;
  google_ad_height = 60;
  //-->
</script>

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>';
}

add_shortcode('adsense', 'showads');

Selanjutnya didalam editor artikel, kamu cukup memasang shortcode berikut untuk menampilkan adsense didalam postingan:

[adsense]

Dan masih banyak contoh fungsi shortcode untuk mempermudah menampilkan yang kamu suka pada sebuah postingan artikel, berikut situs yang bagus-bagus untuk belajar mengenai shortcode Wordpress:


Author: Mohamad Fahmi

Saya adalah seorang part-time blogger, co-founder DroidLime.com, saya besar dan tinggal di Jakarta. Menyukai hal-hal yang berkaitan dengan Web, Desain, Musik, Internet dan SEO.

Ikuti saya di Github.

Comments on “Cara Membuat Shortcode Baca Juga (Related Posts)”