Cara Membuat Shortcode di WordPress

Shortcode WordPress adalah tag pendek dalam kurung siku, seperti [nama], yang bisa Anda sisipkan di editor untuk menampilkan konten dinamis. Shortcode sangat berguna untuk memberi pengguna non-teknis cara mudah menyisipkan elemen kompleks seperti tombol, form, atau daftar produk.

Konsep Dasar Shortcode

Sebuah shortcode menghubungkan sebuah tag teks dengan fungsi PHP. Ketika WordPress menemukan tag tersebut di konten, ia menjalankan fungsi terkait dan menampilkan hasilnya. Anda mendaftarkannya dengan fungsi add_shortcode().

Membuat Shortcode Sederhana

<?php
function shortcode_tahun() {
    return date('Y');
}
add_shortcode('tahun', 'shortcode_tahun');
?>

Sekarang, menulis [tahun] di editor akan otomatis menampilkan tahun saat ini. Perhatikan bahwa fungsi shortcode harus return, bukan echo.

Shortcode dengan Atribut

Shortcode menjadi jauh lebih berguna dengan atribut. Gunakan shortcode_atts() untuk menentukan nilai default:

<?php
function shortcode_tombol($atts) {
    $a = shortcode_atts(array(
        'teks' => 'Klik di sini',
        'url'  => '#'
    ), $atts);

    return '<a href="' . esc_url($a['url']) . '" class="btn">' . esc_html($a['teks']) . '</a>';
}
add_shortcode('tombol', 'shortcode_tombol');
?>

Cara pemakaiannya: [tombol teks="Beli Sekarang" url="/produk"].

Shortcode dengan Konten

Shortcode juga bisa membungkus konten, misalnya [kotak]teks di dalam[/kotak]. Fungsi menerima parameter kedua berisi konten tersebut.

Kesimpulan

Dengan shortcode WordPress, pengguna non-teknis pun bisa menyisipkan elemen kompleks hanya dengan menulis tag sederhana. Selalu gunakan return pada fungsi shortcode dan terapkan escaping seperti esc_url() demi keamanan.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi WordPress.

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

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