Cara Menggunakan do_shortcode WordPress

Shortcode memungkinkan Anda menambahkan fungsi pada website dengan mudah. Untuk menempatkannya di bagian mana pun pada website, Anda bisa menggunakan fungsi WordPress do_shortcode.

Di artikel ini, kami akan menunjukkan cara menggunakan do_shortcode WordPress untuk menjalankan fungsi yang Anda inginkan. Tapi sebelumnya, kami akan mulai dulu dengan menjelaskan definisi dan fungsi shortcode apabila Anda belum tahu.

Yuk langsung mulai saja!

Apa yang Dimaksud dengan Shortcode?

Di WordPress, Anda bisa menggunakan kode yang disebut dengan shortcode untuk menjalankan fungsi tertentu, misalnya menampilkan konten. Sebagai contoh, ketika membuat slider menggunakan plugin MetaSlider, Anda perlu menyematkan shortcode plugin ini ke website Anda agar slider bisa ditampilkan.

Namun, Anda hanya bisa menyematkannya pada body atau widget website. Kalau tidak, konten tidak akan muncul. Nah, untuk mengatasi masalah ini, Anda bisa menggunakan fungsi WordPress do_shortcode.

Fungsi ini memungkinkan Anda menyematkan shortcode di area mana pun yang Anda inginkan, termasuk header. Berikut adalah contoh kode fungsi ini:

<?php echo do_shortcode( '[masukkan shortcode Anda di sini]' ); ?>

Untuk menggunakannya, Anda perlu mengakses dan mengubah file tema. Jangan lupa untuk backup website WordPress dulu serta gunakan child theme WordPress untuk menghindari risiko kehilangan data kalau terjadi kesalahan.

Bagaimana Cara Menggunakan WordPress do_shortcode?

Sekarang, mari coba menambahkan shortcode menggunakan WordPress do_shortcode.

Sebagai contoh, anggap saja Anda ingin memasukkan slider pada header tema menggunakan MetaSlider (pastikan Anda sudah menginstal plugin WordPress ini). Namun, Anda tidak memiliki widget untuk area header.

Jadi, Anda perlu menyematkan shortcode slider ke file header tema. Untuk melakukannya, ikuti langkah-langkah berikut:

  1. Klik MetaSlider di sidebar kiri dashboard admin WordPress.
  2. Salin shortcode di bagian kanan bawah halaman.
shortcode metaslider di dashboard wordpress

Kalau Anda menyadarinya, shortcode MetaSlider sudah ada di dalam fungsi WordPress do_shortcode. Anda kemudian bisa lanjut mengedit file header tema dengan mengakses file manager provider hosting Anda atau klien FTP seperti FileZilla.

Di tutorial ini, kami akan mengedit file tema menggunakan File Manager Hostinger, yang juga bisa diikuti untuk klien FTP:

  1. Akses hPanel lalu klik File Manager.
  2. Buka folder public_html dan arahkan ke wp-contents -> themes.
  3. Temukan dan akses folder tema yang sedang Anda gunakan.
  4. Buka header.php, lalu scroll ke bagian bawah halaman dan letakkan fungsi WordPress do_shortcode di atas tag </header>.
fungsi do_shortcode wordpress metaslider di hostinger file manager
  1. Simpan dan cek tampilan website Anda.
hasil fungsi do_shortcode wordpress saat ditampilkan

Terkadang, mengedit file core (inti) tema bisa merusak template WordPress Anda. Untuk mengatasinya, Anda harus mengubah CSS agar tampilan website Anda terlihat lebih baik.

Kalau belum tahu caranya, silakan baca tutorial kami tentang cara inspect element dengan Chrome untuk melihat elemen CSS pada website.

Jadi, Sudah Tahu Kegunaan WordPress do_shortcode?

Di tutorial ini, Anda sudah mempelajari cara menggunakan shortcode dan menampilkannya menggunakan fungsi WordPress do_shortcode.

Cukup masukkan fungsi do_shortcode WordPress ke dalam file tema, lalu Anda pun siap menggunakannya. Jangan lupa untuk membackup website sebelum mengedit file tema untuk menghindari risiko kehilangan data.

Masih memiliki pertanyaan mengenai topik ini? Yuk sampaikan lewat kolom komentar di bawah artikel ini!

Author
Penulis

Faradilla A.

Faradilla, yang lebih akrab disapa Ninda, adalah Content Marketing Specialist di Hostinger. Ia suka mengikuti tren teknologi, digital marketing, dan belajar bahasa. Melalui tutorial Hostinger ini, Ninda ingin berbagi informasi dan membantu pembaca menyelesaikan masalah yang dialami. Kenali Ninda lebih dekat di LinkedIn.