{"id":5384,"date":"2017-06-19T08:50:12","date_gmt":"2017-06-19T08:50:12","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=5384"},"modified":"2023-10-23T11:20:25","modified_gmt":"2023-10-23T04:20:25","slug":"do_shortcode-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/do_shortcode-wordpress","title":{"rendered":"Cara menggunakan do_shortcode WordPress"},"content":{"rendered":"

Shortcode<\/a> memungkinkan Anda menambahkan fungsi pada website dengan mudah. Untuk menempatkannya di bagian mana pun pada website, Anda bisa menggunakan fungsi WordPress do_shortcode<\/strong>.<\/p>

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.<\/p>

Yuk langsung mulai saja!<\/p>

Apa yang Dimaksud dengan Shortcode?<\/h2>

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

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

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

<?php echo do_shortcode( '[masukkan shortcode Anda di sini]' ); ?><\/pre>
Untuk menggunakannya, Anda perlu mengakses dan mengubah file tema<\/strong>. Jangan lupa untuk backup website WordPress<\/a> dulu serta gunakan child theme WordPress<\/a> untuk menghindari risiko kehilangan data kalau terjadi kesalahan.<\/p>
Bagaimana Cara Menggunakan WordPress do_shortcode?<\/h2>
Sekarang, mari coba menambahkan shortcode menggunakan WordPress do_shortcode<\/strong>.<\/p>
Sebagai contoh, anggap saja Anda ingin memasukkan slider<\/strong> pada header <\/strong>tema menggunakan MetaSlider (pastikan Anda sudah menginstal plugin WordPress<\/a> ini). Namun, Anda tidak memiliki widget untuk area header.<\/p>
Jadi, Anda perlu menyematkan shortcode slider ke file header tema<\/strong>. Untuk melakukannya, ikuti langkah-langkah berikut:<\/p>
    \n
  1. Klik MetaSlider <\/strong>di sidebar kiri dashboard admin WordPress<\/a>.<\/li>\n\n\n\n
  2. Salin<\/strong> shortcode di bagian kanan bawah halaman.<\/li>\n<\/ol>
    \n
    \"shortcode<\/figure><\/div>
    Kalau Anda menyadarinya, shortcode MetaSlider sudah ada di dalam fungsi WordPress do_shortcode<\/strong>. Anda kemudian bisa lanjut mengedit file header<\/strong> tema dengan mengakses file manager<\/strong> provider hosting Anda atau klien FTP <\/a>seperti FileZilla<\/a>.<\/p>
    Di tutorial ini, kami akan mengedit file tema menggunakan File Manager Hostinger<\/a>, yang juga bisa diikuti untuk klien FTP<\/strong>:<\/p>
      \n
    1. Akses hPanel<\/strong> lalu klik File Manager<\/strong>.<\/li>\n\n\n\n
    2. Buka folder public_html<\/strong> dan arahkan ke wp-contents -> themes.<\/strong><\/li>\n\n\n\n
    3. Temukan dan akses folder tema yang sedang Anda gunakan<\/strong>.<\/li>\n\n\n\n
    4. Buka header.php<\/strong>, lalu scroll ke bagian bawah halaman dan letakkan fungsi WordPress do_shortcode <\/strong>di atas tag <\/header><\/strong>.<\/li>\n<\/ol>
      \n
      \"fungsi<\/figure><\/div>
        \n
      1. Simpan<\/strong> dan cek tampilan website Anda.<\/li>\n<\/ol>
        \n
        \"hasil<\/figure><\/div>
        Terkadang, mengedit file core (inti) tema bisa merusak template WordPress Anda. Untuk mengatasinya, Anda harus mengubah CSS agar tampilan website Anda terlihat lebih baik.<\/p>
        Kalau belum tahu caranya, silakan baca tutorial kami tentang cara inspect element<\/a> dengan Chrome untuk melihat elemen CSS pada website.<\/p>
        \n
        \"\"<\/a><\/figure><\/div>
        Jadi, Sudah Tahu Kegunaan WordPress do_shortcode?<\/h2>
        Di tutorial ini, Anda sudah mempelajari cara menggunakan shortcode dan menampilkannya menggunakan fungsi WordPress do_shortcode<\/strong>.<\/p>
        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.<\/p>
        Masih memiliki pertanyaan mengenai topik ini? Yuk sampaikan lewat kolom komentar di bawah artikel ini!<\/p>
        \n\n\n
        \n                    
        Artikel Lainnya Seputar Aspek Teknis WordPress<\/h4>\n                    
        WordPress Multisite<\/a>
        \n        Custom Post Type di WordPress<\/a>
        \n        Cara Menambahkan Custom CSS ke WordPress<\/a>
        \n        Cara Mengedit HTML di WordPress<\/a>
        \n        Headless WordPress<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"
        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. […]<\/p>\n
        Read More…<\/a><\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"%title%","rank_math_description":"Mau menggunakan shortcode dengan mudah di WordPress? Gunakan do_shortcode! Yuk baca cara menggunakan WordPress do_shortcode di sini!","rank_math_focus_keyword":"do_shortcode wordpress","footnotes":""},"categories":[4859],"tags":[7571,6570,4860],"class_list":["post-5384","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-shortcode","tag-tutorial-wordpress","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-usar-do-shortcode-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/do_shortcode-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/do_shortcode-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-usar-do-shortcode-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-do_shortcode","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/5384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=5384"}],"version-history":[{"count":16,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/5384\/revisions"}],"predecessor-version":[{"id":31728,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/5384\/revisions\/31728"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=5384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=5384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=5384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}