Menu Close

Cara membuat shortcode “Baca juga” di wordpress

Shrotcode merupakan kode singkat yang mampu membuat pekerjaan menulis artikel di blog menjadi mudah, cukup dengan menuliskan shortcode maka fungsi yang telah di rancang terpanggil dan menampilkan output dari shortcode tersebut.

Contoh shortcode : [Gallery], yang akan menampilkan Gallery gambar ketika di posting

Saat ini banyak blogger berbasis wordpress yang menggunakan shortcode untuk mempermudah mereka. Bukan hanya shortcode bawaan dari wordpress saja yang hanya bisa digunakan, shortcode buatan sendiri pun saat ini banyak di gunakan.

Membuat shortcode sendiri

Contohlah membuat shortcode Baca Juga sperti gambar dibawah ini

Jika tidak menggunakan shortcode mungkin anda akan membuat kode dengan agak panjang secara terus-menerus ketika akan menambahkan link “Baca juga” pada artikel baru.

1. Tambahkan kode function ke dalam functions.php

Yang dapat anda temui di Appearance > Theme Editor > Theme Functions (functions.php)

// BACA JUGA SHORTCODE
function baca_juga_text($atts, $content = null) {
    extract( shortcode_atts( array(
        'url' => '#'
    ), $atts ) );
    return '<p class="baca-juga">Baca Juga : <a href="'.$url.'">' . do_shortcode($content) . '</a></p>';
}
add_shortcode('baca_juga', 'baca_juga_text');

Jika sudah, klik Update

2. Lakukan pemanggilan Function Shortcode

Tulis shortcode pada halaman baru

Contoh :

Tampil :

Penjelasan:

  1. // BACA JUGA SHORTCODE
    merupakan komentar yang dapat digunakan di PHP ( // )
  2. function baca_juga_text ( ) {
    }
    merupakan fungsi yang kita gunakan
  3. return ‘<p class=”baca-juga”>Baca Juga : <a href=”‘.$url.'”>’ . do_shortcode($content) . ‘</a></p>’;
    merupakan pesan statis yang akan muncul ketika dipanggil di dalam post
  4. add_shortcode(‘baca_juga’, ‘baca_juga_text’);
    merupakan shortcode itu sendiri Variabel pertama men-definisikan nama shortcode yang akan di panggil dalam post, dan variabel kedua memanggil function shortocode yang sudah di buat sebelum nya.

Selesai, semoga bermanfaat!

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *