Tutorial Membuat Shortcode di WordPress

Posted on by Deczen

WordPress menyediakan sebuah fitur shortcode untuk menambahkan konten pada post/page.

Shortcode adalah sebuah fungsi yang digunakan untuk memberikan konten tambahan yang di proses oleh sistem di belakang layar.

Biasanya shortcode digunakan dengan cara menyelipkan code shortcode di sela-sela artikel atau postingan.

Dengan menambahkan shortcode tertentu di sela-sela tulisan artikel kita, maka sistem akan memproses output atau konten yang ingin ditampilkan kepada pembaca.

Sesuai artinya shortcode atau jalan pintas, digunakan untuk memberikan kemudahan bagi user untuk menampilkan sebuah konten yang rumit atau berulang-ulang hanya dengan 1 baris kode shortcode yang sederhana.

Sebagai contoh: Jika user ingin menulis url sebuah artikel miliknya pada artikel yang lain, ia dapat menggunakan fitur shortcode.

Dibandingkan jika user tersebut harus melakukan copy paste url yang suatu saat bisa saja berubah, maka shortcode bisa memberikan solusi yang dinamis.

Apabila suatu saat url berubah shortcode yang dibuat dengan logika pemrograman dapat dibuat dinamis, bisa menyesuaikan dengan menggantikan url lama dengan url baru.

Contoh penggunaan Shortcode pada WordPress


Untuk dapat menuju artikel sebelumnya, klik <a href="[get_permalink id=67]">link ini</a>

Shortcode yang saya gunakan pada contoh di atas adalah [get_permalink id=67]. Dimana id=67 adalah nomor post id artikel yang ingin saya tampilkan url-nya.

Dengan menggunakan contoh seperti diatas, maka akan tampil tulisan seperti berikut ini

Untuk dapat menuju artikel sebelumnya, klik link ini

Cara Membuat Shortcode di WordPress untuk mendapatkan url artikel (get permalink)

Tambahkan kode berikut pada functions.php pada folder theme yang anda gunakan.


add_shortcode( 'get_permalink', 'echo_get_permalink' );

function echo_get_permalink( $atts ){
	
	$atts = shortcode_atts( array(
		'id' => ''
	), $atts, 'get_permalink' ); //digunakan untuk memfilter inputan $atts dari user
	
	$post_id=$atts['id'];
	return get_permalink( $post_id );
}

Referensi:
https://codex.wordpress.org/Function_Reference/add_shortcode