Pernahkah Anda memiliki waktu di mana Anda ingin menambahkan beberapa konten khusus ke posting atau halaman WordPress Anda, tapi tidak yakin bagaimana caranya? Mungkin Anda ingin menanamkan widget Twitter atau beberapa konten yang dipanggil kembali dari beberapa situs web atau API. Bagaimana Anda bisa dengan mudah menambahkan jenis konten ini ke posting WordPress Anda? Untungnya, WordPress menyediakan sesuatu yang disebut shortcode untuk membuat tugas semacam ini sangat mudah. Tutorial ini akan membawa Anda melalui proses pembuatan, pemasangan, dan penggunaan shortcode di instalasi WordPress Anda. Mari kita mulai dengan melihat apa itu shortcode.
Apa itu Kode Pendek WordPress?
Secara singkat, shortcode adalah tag khusus yang bisa Anda masukkan ke dalam posting yang akan diganti dengan konten yang berbeda saat benar-benar melihat posting di situs web. Jika Anda pernah menanamkan galeri WordPress di blog Anda, Anda sudah pernah melihat kode singkat yang dibuat.
Bila Anda memuat halaman blog dengan
shortcode, WordPress menggantikan
kode pendek dengan semua kode yang benar-benar menampilkan galeri gambar Anda.
Seperti yang dapat Anda lihat dari contoh di atas, kode pendek terlihat mirip dengan tag HTML, namun disertakan dengan tanda kurung siku-siku, bukan kurung sudut. Kode ini akan diganti dengan beberapa kode lain saat halaman benar-benar dimuat di browser web. Hal yang sangat keren adalah WordPress memungkinkan Anda membuat kode sumber sendiri sendiri untuk menampilkan cukup banyak! Anda bisa menggunakannya untuk mengeluarkan video Youtube, menampilkan tweet terbaru Anda, atau bahkan menyesuaikannya sesuai keinginan Anda.
Dalam hal itu tidak masuk akal, mari kita lihat sebuah contoh. Misalnya, saya ingin menampilkan iklan AdSense di dalam pos saya. Saya bisa masuk ke mode HTML dari editor konten WordPress dan copy dan paste blok kode Adsense ke dalamnya, tapi ini akan menjadi membosankan dan berpotensi mengganggu semua markup ekstra di posting saya. Selain itu, jika saya ingin mengubah blok iklan, saya harus kembali ke setiap posting untuk mengubahnya menjadi yang baru. Cara yang lebih mudah dan cara yang lebih andal untuk menambahkan blok Adsense dimanapun saya inginkan adalah menggunakan shortcode adsense. Kode pendek bisa terlihat seperti ini:
[adsense]
Saat benar-benar melihat pos di situs Anda, kode pendek akan diganti dengan blok iklan Adsense. Jadi bagaimana Anda membuat shortcode ini? Jelas, Anda perlu memberi tahu WordPress apa yang harus mengganti kode pendek dengan entah bagaimana. Mari kita lihat yang berikutnya.
Bagaimana cara membuat shortcode?
Untungnya, WordPress membuatnya cukup mudah untuk membuat shortcode sendiri, jadi mari kita mulai menerapkan shortcode [adsense]. Hal pertama yang perlu kita lakukan adalah mendefinisikan sebuah fungsi yang menghasilkan kode Adsense aktual. Semua kode berikut akan masuk di functions.php dalam tema Anda (bisa juga masuk ke file plugin mandiri). Mengerti? Ok, jadi mari kita lihat fungsi itu.
fungsi get_adsense ($ atts) {
kembali '
';
}
Fungsi ini cukup mudah – hanya mengembalikan kode Google Adsense saya sebagai string. Apapun fungsi ini yang kembali adalah apa yang bisa diganti dengan shortcode saya, jadi saya berpotensi mengembalikan html untuk widget Twitter, atau daftar posting anak yang satu ini, atau hal lainnya.
Sekarang kita memiliki fungsi yang mengembalikan apa yang kita inginkan, bagaimana kita menghubungkannya dengan shortcode? Sekarang inilah tempat API WordPress masuk Sekali lagi mari kita lihat bagaimana kita melakukannya dan kemudian menjelaskan apa yang sedang terjadi. Inilah panggilan untuk membuat shortcode adsense.
add_shortcode ('adsense', 'get_adsense');
Itu dia! Parameter pertama yang dilewatkan adalah nama shortcode, jadi dalam kasus kami, ‘adsense’ memberitahu WordPress untuk membuat shortcode [adsense]. Parameter kedua menunjuk fungsi yang akan dipanggil saat shortcode baru ditemukan. Sekali lagi, dalam kasus kami, ‘get_adsense’ memberitahu WordPress untuk mengganti [adsense] dengan hasil metode get_adsense kami.
Tidak terlalu buruk kan? Sekarang ini adalah shortcode yang sangat sederhana, WordPress memungkinkan Anda untuk melakukan lebih banyak dengan shortcode Anda, termasuk menambahkan parameter (mungkin Anda ingin memilih antara blok adsense?). API lengkap bisa dilihat di WordPress Codex.
Bagaimana cara menggunakan kode sumber saya?
Bagian terakhir ini sederhana, tambahkan saja shortcode [adsense] dalam tampilan HTML atau Visual dari editor konten Post atau Page. Itu dia! Anda telah membuat shortcode pertama Anda.