Cara Menambahkan Kotak Pencarian ke Postingan WordPress Dengan Kode Pendek (Langkah demi Langkah)

Diterbitkan: 2022-05-03

Apakah Anda mencari cara untuk menambahkan kotak pencarian ke posting WordPress dengan kode pendek?

Itu berguna, karena memungkinkan pengunjung Anda untuk mencari konten baru tanpa mengganggu diri mereka sendiri dari menjelajahi situs Anda.

Dalam artikel ini, kami akan menunjukkan kepada Anda langkah demi langkah bagaimana Anda dapat menambahkan kotak telusur ke pos mana pun di situs Anda tanpa memerlukan pengkodean.

Mari kita mulai!

Mengapa Menambahkan Kotak Pencarian ke Postingan WordPress Dengan Kode Pendek

Menambahkan formulir pencarian ke posting Anda membawa banyak keuntungan.

Terutama, ini memungkinkan pengunjung Anda menemukan konten yang mereka cari lebih cepat dan meningkatkan pengalaman pengguna mereka.

Misalnya, Anda dapat membuat formulir pencarian khusus terbatas pada kategori tertentu dan memasukkannya ke dalam pos yang relevan, seperti ini:

how to add search box to WordPress post with a shortcode

Dengan cara ini, Anda tidak hanya akan memudahkan pengunjung untuk menemukan konten yang tepat, tetapi juga mendorong mereka untuk menjelajahi situs Anda lebih jauh.

Selain itu, menempatkan bilah pencarian di dalam posting situs WordPress Anda akan membantu Anda untuk:

  • Tingkatkan durasi sesi rata-rata . Dengan menawarkan formulir pencarian di pos, Anda akan membantu pengunjung Anda menemukan lebih banyak konten yang menarik minat mereka.
  • Dapatkan lebih banyak lalu lintas dari mesin pencari . Durasi sesi rata-rata merupakan faktor peringkat penting di Google, jadi dengan menjaganya tetap tinggi, Anda bisa mendapatkan peringkat yang lebih baik.
  • Bangun audiens yang setia . Pengunjung yang puas dan memiliki pengalaman pengguna yang positif saat menjelajahi situs Anda, kemungkinan besar akan kembali lagi.

Sekarang Anda tahu apa manfaat menambahkan bilah pencarian ke posting Anda dengan kode pendek, mari kita lihat bagaimana Anda bisa melakukannya.

Cara Menambahkan Kotak Pencarian ke Postingan WordPress Dengan Kode Pendek

Menggunakan plugin adalah cara termudah untuk menambahkan kotak pencarian ke posting di situs Anda dengan kode pendek. Dalam hal ini, tidak ada plugin yang mengalahkan SearchWP.

SearchWP logo

Mengapa? Karena SearchWP menawarkan solusi terlengkap di pasaran yang dapat memenuhi semua kebutuhan Anda.

Selain menambahkan kotak pencarian dengan kode pendek, Anda dapat menggunakannya untuk menampilkan hasil pencarian dalam mode langsung, melacak aktivitas pencarian di tempat, dan banyak lagi.

SearchWP meningkatkan pencarian di tempat Anda dengan membantu Anda:

  • Tambahkan beberapa mesin pencari . Ingin menambahkan bidang pencarian khusus ke situs Anda? Anda dapat membuat beberapa mesin telusur dengan setelan berbeda dan menautkannya ke bidang penelusuran tertentu.
  • Mempengaruhi urutan hasil pencarian . Tidak senang dengan urutan hasil pencarian saat ini di situs Anda? SearchWP memungkinkan Anda untuk menyesuaikannya seperti yang Anda inginkan.
  • Kecualikan laman dari penelusuran . Mencari cara untuk mengecualikan halaman yang tidak diinginkan dari hasil pencarian? Dengan SearchWP, Anda dapat melakukannya dengan beberapa klik, tanpa perlu coding.
  • Buat bidang khusus dapat dicari . Simpan data pos yang berharga di bidang khusus? Menggunakan SearchWP, Anda dapat membuat WordPress mempertimbangkannya saat melakukan pencarian.

Lebih dari 30.000 situs web sudah menggunakan plugin ini untuk memberikan pengunjung mereka hasil pencarian yang paling relevan.

Dengan itu, mari kita lihat bagaimana Anda dapat menggunakan SearchWP untuk menambahkan kotak pencarian ke posting Anda dengan kode pendek.

Langkah 1: Instal dan Aktifkan Plugin SearchWP

Langkah pertama adalah mendapatkan salinan SearchWP Anda sendiri.

Setelah selesai, masuk ke akun SearchWP Anda dan arahkan ke tab Unduhan .

go to the Downloads tab

Kemudian, tekan tombol Unduh SearchWP untuk mulai mengunduh file ZIP plugin ke komputer Anda.

press Download SearchWP

Setelah Anda mengunduh file, salin kunci lisensi SearchWP Anda pada tab yang sama. Anda akan membutuhkannya lebih lanjut untuk mengaktifkan plugin.

copy your SearchWP license key

Langkah selanjutnya adalah mengunggah file ZIP plugin SearchWP ke situs Anda.

Perlu penyegaran tentang cara melakukannya? Ikuti tutorial cara menginstal plugin WordPress langkah demi langkah.

Setelah Anda menginstal plugin, buka dashboard WordPress Anda, arahkan mouse Anda ke tombol SearchWP dan klik Activate License .

press Activate License

Kemudian, tempel kunci lisensi Anda ke dalam bidang Lisensi dan tekan Aktifkan .

click Activate

Setelah Anda mengaktifkan lisensi Anda, langkah selanjutnya adalah menginstal Ekstensi Kode Pendek.

Langkah 2: Instal dan Aktifkan Ekstensi Kode Pendek

Ekstensi ini memungkinkan Anda untuk menempatkan kotak pencarian di setiap tempat dari posting atau halaman Anda dengan kode pendek.

Untuk menginstalnya, navigasikan ke tab Extensions di bawah SearchWP di sisi kiri dasbor WordPress Anda.

navigate to the Extensions tab

Di sini Anda akan menemukan banyak ekstensi SearchWP yang berguna. Dengan menginstalnya, Anda dapat lebih memperluas fungsionalitas plugin.

click Install

Gulir halaman ke bawah hingga Anda melihat ekstensi Shortcode dan klik Instal untuk menambahkannya ke situs Anda.

click Install

Setelah Anda menginstal dan mengaktifkan plugin SearchWP dan ekstensi Shortcodes, langkah selanjutnya adalah menambahkan kotak pencarian ke salah satu posting Anda.

Langkah 3: Tambahkan Kotak Pencarian ke Postingan Anda Dengan Kode Pendek

Untuk memulai, navigasikan ke tab Posts di dasbor WordPress Anda.

go to Posts

Kemudian, klik postingan yang ingin Anda tambahkan kotak pencarian.

click on a post

Setelah berada di editor pos, pilih tempat yang tepat di pos tempat Anda ingin menambahkan kotak pencarian dan klik tombol Plus di sebelahnya.

click Plus

Kemudian, di jendela pop-up, temukan blok HTML Kustom dan klik untuk menambahkannya ke postingan.

add a custom HTML block

Langkah selanjutnya adalah menyalin dan menempelkan kode berikut ke dalam blok HTML Khusus yang telah Anda tambahkan:


[searchwp_search_form engine="default" var="searchvar" button_text="Find Results"]
   
<div class="search-results-wrapper">
 [searchwp_search_results engine="default" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
   
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
   
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="default"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="default"]
</div>

Kode ini menambahkan kotak pencarian ke tempat di pos tempat Anda meletakkannya.

Plus, ini menunjukkan tautan pagination dan menampilkan pesan "Tidak ada hasil pencarian yang ditemukan" jika tidak ada hasil.

Setelah Anda menambahkan kode, klik tombol Perbarui di sudut kanan atas untuk menyimpan perubahan.

press Update

Itu dia. Anda telah menambahkan bilah pencarian ke posting Anda sehingga pengunjung Anda dapat menemukan lebih banyak konten Anda.

Sekarang mari kita lihat cara kerjanya.

Langkah 4: Periksa Posting Anda Dengan Kotak Pencarian

Untuk membuka postingan Anda, klik Pratinjau , lalu pilih Pratinjau di opsi tab baru dari menu tarik-turun.

click Preview in new tab

Berikut tampilan bilah pencarian dalam postingan di situs pengujian kami:

how to add search box to WordPress post with a shortcode

Untuk mengujinya, mari kita coba cari “WooCommerce”.

click Find Results

Seperti yang Anda lihat, hasil pencarian untuk istilah pencarian “WooCommerce” muncul tepat di dalam postingan kami.

we found a post

Ini membantu karena memungkinkan pengunjung Anda untuk mencari situs web Anda tanpa terganggu dari membaca posting Anda.

Pada artikel ini, Anda mempelajari cara menambahkan kotak pencarian ke posting WordPress dengan kode pendek. Ini akan membantu pengunjung Anda menemukan konten yang mereka inginkan lebih cepat dan memungkinkan Anda mendapatkan lebih banyak tampilan halaman.

Jika Anda siap untuk menambahkan kotak pencarian ke posting dengan kode pendek di situs WordPress Anda, Anda dapat mengambil salinan SearchWP Anda di sini.

Mencari cara untuk mengecualikan kategori posting tertentu dari hasil pencarian di situs Anda? Lihat cara mengecualikan kategori dari tutorial terperinci pencarian WordPress.

Ingin membatasi pencarian di situs Anda hanya untuk posting? Ikuti cara membatasi pencarian hanya posting di panduan WordPress.