Cara Menambahkan Breadcrumb di WordPress

Breadcrumb dapat membantu Anda meningkatkan navigasi situs web Anda, jadi jika Anda mencari cara mudah untuk mengaktifkannya di situs Anda, Anda telah datang ke tempat yang tepat. Dalam panduan ini, kami akan menunjukkan cara menambahkan remah roti di WordPress menggunakan plugin dan opsi tema.

Apa itu remah roti?

Breadcrumbs adalah tautan yang muncul di bagian atas halaman Anda. Ini adalah tautan yang saling berhubungan yang merupakan bagian penting dari navigasi situs Anda. Tautan ini disusun secara hierarkis, sehingga pengguna Anda tidak hanya akan mengetahui halaman apa yang mereka buka, tetapi mereka juga akan belajar tentang kategori halaman apa yang mereka tempati. Misalnya, di situs kami, Anda dapat melihat remah roti di bagian atas halaman web ini.

Breadcrumb membantu pengguna Anda melihat hierarki halaman yang mereka jelajahi di situs web Anda dan mendapatkan tautan yang terhubung untuk kembali ke halaman yang lebih tinggi atau halaman beranda secara langsung.

Mengapa menambahkan remah roti di WordPress?

Menambahkan remah roti adalah pilihan yang sangat baik bagi mereka yang ingin meningkatkan navigasi situs mereka . Karena pada dasarnya berfungsi sebagai jejak, pengguna Anda dapat dengan mudah menggunakannya untuk mundur ke halaman sebelumnya dan melacak halaman apa yang mereka buka. Ini mengarah ke lebih banyak keterlibatan dan membuat pengunjung mendapat informasi tentang kategori halaman yang mereka lihat.

Selain itu, menambahkan remah roti sangat penting jika Anda memiliki situs web besar. Jika Anda menjalankan toko eCommerce atau konten Anda didistribusikan di bawah kategori yang berbeda, maka penting untuk mengaktifkan remah roti. Ini membuat pelanggan Anda mengetahui produk apa yang ada di bawah setiap kategori dan kategori apa yang dapat mereka kembalikan untuk melihat lebih banyak produk serupa.

Selain itu, mengaktifkan remah roti juga meningkatkan SEO situs web Anda karena memudahkan perayap mesin pencari untuk menelusuri tautan Anda yang saling berhubungan.

Sekarang setelah kita lebih memahami apa itu dan bagaimana mereka dapat menguntungkan Anda, mari kita lihat bagaimana Anda dapat menambahkan remah roti ke situs web WordPress Anda dan berbagai metode yang dapat Anda gunakan untuk melakukannya.

Bagaimana menambahkan remah roti di WordPress

Ada beberapa metode berbeda untuk menambahkan remah roti ke situs WordPress Anda:

1. Menggunakan Yoast SEO
2. Dengan plugin remah roti khusus
3. Dari tema Anda

Mari kita lihat masing-masing metode.

CATATAN : Beberapa metode ini mengharuskan Anda untuk memodifikasi beberapa file inti. Meskipun cuplikannya sangat sederhana, untuk menghindari masalah apa pun, kami sangat menyarankan Anda menggunakan tema anak. Ini membuat proses membuat perubahan pada tema Anda jauh lebih aman dan tidak akan mengembalikan perubahan saat Anda memperbarui tema Anda. Anda dapat membuat tema anak atau menggunakan salah satu plugin khusus ini.

1) Bagaimana cara menambahkan Breadcrumbs di WordPress dengan Yoast SEO

YoastSEO adalah salah satu plugin paling populer di luar sana dan merupakan solusi SEO lengkap untuk WordPress. Itu juga dilengkapi dengan opsi khusus untuk mengaktifkan remah roti dan opsi lanjutan untuk menyesuaikannya lebih lanjut. Ini termasuk mengubah pemisah tautan, teks jangkar untuk halaman beranda, remah roti untuk halaman 404, opsi personalisasi tambahan, dan bahkan menampilkan atau menyembunyikan taksonomi dan arsip tipe konten di remah roti Anda.

Untuk mengakses dan mengaktifkan pengaturan remah roti di bawah Yoast, buka Yoast SEO > Tampilan Pencarian di Dasbor Admin WordPress Anda (tentu saja dengan asumsi Anda sudah menginstal dan mengaktifkan plugin Yoast SEO.)

Lalu, buka tab Breadcrumbs , dan Anda akan melihat opsi breadcrumbs di bawah Yoast SEO. Gulir ke bawah, aktifkan opsi yang mengatakan Aktifkan BreadCrumbs untuk tema Anda , dan simpan perubahannya.

Setelah itu, Anda perlu menambahkan sebaris kode kecil ke file headers.php Anda sehingga file tema Anda memanggil breadcrumb Yoast SEO di header situs web Anda.

Untuk melakukannya, buka editor tema Anda dengan mengklik Penampilan > Editor tema . Kemudian, gunakan daftar file Tema di sebelah kanan dan pilih Header Tema.

Sekarang, gunakan editor dan tempelkan potongan berikut di akhir file header.php .

 <?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p>','</p>' );
}
?> 

Kemudian, tekan Perbarui File dan hanya itu! Sekarang Anda harus dapat menggunakan remah roti Yoast SEO Anda.

Ingatlah untuk memeriksa opsi tambahan di bawah tab remah roti untuk menyesuaikan remah roti seperti yang Anda inginkan. Yoast memungkinkan Anda melakukan semuanya dari sana dan kompatibel dengan sebagian besar tema WooCommerce.

2) Bagaimana cara menambahkan Breadcrumbs di WordPress dengan Plugin khusus

Atau, jika Anda tidak ingin menggunakan Yoast SEO, Anda dapat menggunakan plugin pihak ketiga. Di bagian ini, kita akan melihat beberapa plugin luar biasa yang dapat Anda gunakan untuk menambahkan remah roti ke situs WordPress Anda. Semua plugin ini gratis , sehingga Anda dapat mengujinya dan memilih yang tepat untuk Anda tanpa mengeluarkan uang sepeser pun.

1) Remah Roti Fleksibel

Flexy BreadCrumb memungkinkan Anda untuk dengan mudah mengaktifkan remah roti di situs web Anda menggunakan kode pendek khusus. Cukup instal dan aktifkan plugin, dan gunakan kode pendeknya di bagian mana pun dari situs web Anda: halaman, blog, widget, header, atau footer. Dengan cara ini, Anda dapat menambahkan remah roti ke bagian mana pun di situs Anda, sehingga sesuai dengan konten Anda yang lain.

Plugin gratis ini juga dilengkapi dengan opsi personalisasi khusus sehingga Anda dapat mengubah pemisah remah roti, teks awal dan akhir, warna, opsi warna untuk tautan, dan banyak lagi.

Fitur utama

• Kode pendek khusus untuk menambahkan remah roti ke bagian mana pun dari situs web Anda
• Banyak pilihan personalisasi
• Sangat ramah pengguna dan mudah digunakan

2) Breadcrumb NavXT

Breadcrumb NavXT adalah solusi lengkap dan kuat untuk mengaktifkan breadcrumb yang berfungsi penuh. Ini adalah salah satu plugin remah roti paling populer dan untuk alasan yang bagus. Anda dapat dengan mudah mengaktifkan remah roti Anda baik menggunakan widget khusus atau memanggil fungsinya langsung di header, footer, atau templat halaman tertentu menggunakan file WordPress Anda.

Plugin ini juga dilengkapi dengan opsi bawaan untuk menyesuaikan remah roti Anda, dan banyaknya opsi yang disediakan sangat mencengangkan. Anda dapat mengatur template terpisah untuk blog, posting, dan bereksperimen dengan cara-cara kreatif untuk menunjukkan remah roti Anda secara jelas di berbagai bagian situs Anda.

Fitur utama

• Personalisasi remah roti yang luas dan kustomisasi template
• Widget khusus untuk mengaktifkan remah roti di mana saja di situs web Anda
• Fitur tambahan bagi pengguna untuk menambahkan fungsi dan filter

3) Tangkap Breadcrumb

Catch BreadCrumb adalah plugin ringan yang bagus yang memungkinkan Anda menambahkan navigasi breadcrumb ke situs web Anda. Anda dapat mengaktifkan remah roti Anda dalam waktu singkat dan melangkah lebih jauh dengan menggunakan kode pendek dan opsi personalisasi khusus.

Catch BreadCrumbs bukan yang paling padat dalam hal fitur, tetapi paket opsi yang dirancang dengan baik memiliki semua fitur yang Anda butuhkan tanpa berlebihan, bahkan memungkinkan pengguna pemula untuk mengatur remah roti mereka dalam hitungan menit. . Terakhir, Anda dapat menambahkan remah roti yang elegan dan menggunakan opsi yang bagus seperti menyembunyikan remah roti di halaman beranda Anda.

Fitur utama

• Ringan dan mudah digunakan
• Desain responsif dengan banyak pilihan personalisasi
• Opsi untuk menyembunyikan/menampilkan remah roti di beranda atau halaman tertentu

Sekarang, mari kita lihat salah satu plugin ini dan lihat bagaimana Anda dapat mengaktifkannya di situs web Anda. Untuk demo ini, kami akan menggunakan Flexy BreadCrumbs tetapi Anda dapat menggunakan alat lain. Sebagian besar alat serupa sehingga Anda harus dapat mengikuti langkah-langkah ini untuk sebagian besar plugin tanpa masalah. Namun, kami menyarankan Anda memiliki dokumentasi yang berguna untuk menyelesaikan masalah apa pun yang mungkin Anda alami selama ini.

Tambahkan BreadCrumbs di WordPress dengan Flexy Breadcrumbs

Mari kita mulai dengan menginstal plugin, jadi di Dashboard Admin WordPress Anda, buka Plugins > Add New. Kemudian, gunakan bilah pencarian di kanan atas untuk mencari Flexy BreadCrumbs , klik Instal, lalu aktifkan .

Sekarang mari kita lihat cara mengatur dan menyesuaikan plugin.

Menggunakan Flexy BreadCrumbs Shortcode dan menambahkannya ke File Tema Anda

Cara termudah untuk menggunakan Flexy BreadCrumbs adalah dengan menggunakan kode pendeknya:

 [remah roti_fleksibel]

Anda dapat menambahkan kode pendek ini ke blog, halaman, atau widget mana pun untuk menampilkan remah roti Anda di dalamnya.

Misalnya, jika Anda ingin menampilkan remah roti di blog atau halaman produk, cukup tambahkan kode pendek ini seperti yang ditunjukkan di bawah ini.

Di sisi lain, jika Anda ingin remah roti Anda muncul di semua halaman dan posting Anda tanpa menambahkannya secara manual, Anda dapat menambahkan kode pendek ini ke file tema Anda .

Untuk melakukannya, buka Editor Tema Anda dengan mengklik Penampilan > Editor Tema , gunakan bilah sisi File tema di sebelah kanan dan pilih file header.php Anda.

Sekarang, di bagian bawah file, tambahkan cuplikan berikut:

 <?php
echo do_shortcode('[flexy_breadcrumb]');
?> 

Ingatlah bahwa jika Anda menggunakan plugin kode pendek lain, Anda akan mengganti bagian [flexy_breadcrumb] dari plugin dengan kode pendek plugin Anda.

Setelah itu, klik Perbarui File , dan remah roti Anda akan ditampilkan di situs web Anda.

Tetapi bagaimana jika Anda ingin menyesuaikan remah roti agar sesuai dengan situs web Anda? Anda dapat melakukannya dengan menggunakan opsi plugin. Cukup klik Flexy Breadcrumb di sidebar WP Admin Dashboard Anda, dan Anda akan melihat semua opsi penyesuaian untuk mengubah breadcrumb Anda. Ini termasuk mengubah ikon beranda, pemisah remah roti, hierarki pasca-tipe, dan bahkan pengaturan tipografi.

3) Bagaimana cara menambahkan BreadCrumbs di WordPress dari Tema Anda (atau menghapusnya)

Beberapa tema datang dengan opsi remah roti khusus mereka sendiri dan Anda biasanya dapat mengaktifkan/menonaktifkannya dari opsi tema mereka. Misalnya, untuk tema Elf , kita dapat pergi ke opsi tema dengan masuk ke Appearance > Customize > Dedicated theme options tab, yang bagi kita diberi label sebagai Fairy Theme options . Sesampai di sana, kami mengklik Breadcrumbs dan mengaktifkan/menonaktifkannya dengan sakelar yang disediakan.

Beberapa tema juga dilengkapi dengan opsi tambahan untuk menyesuaikan remah roti agar sesuai dengan tampilan dan nuansa situs Anda.

Bonus: Cara menonaktifkan remah roti

Beberapa tema datang dengan remah roti yang diaktifkan secara default, jadi untuk menonaktifkannya, Anda harus menambahkan fungsi ke file tema. Misalnya, Storefront dilengkapi dengan remah roti khusus, dan Anda dapat menonaktifkannya menggunakan kode berikut:

 add_action( 'init', 'ql_remove_storefront_breadcrumbs' );
fungsi ql_remove_storefront_breadcrumbs() {
remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
}

Cukup tambahkan ini ke file functions.php Anda dengan masuk ke Appearance > Theme Editors > functions.php .

Setelah itu, ingatlah untuk memperbarui file dan hanya itu. Anda telah berhasil menghapus remah roti dari situs Anda.

Kesimpulan

Secara keseluruhan, remah roti dapat membantu Anda meningkatkan navigasi situs web dan meningkatkan pengalaman pelanggan.

Dalam panduan ini, kami telah melihat berbagai cara untuk menambahkan remah roti ke situs WordPress Anda :

• Menggunakan opsi remah roti Yoast SEO
• Dengan plugin khusus
• Melalui opsi tema Anda (jika ada)

Selain itu, kami telah menunjukkan cara mudah menghapus remah roti dari situs Anda dengan cuplikan kode sederhana. Terakhir, ingatlah bahwa Anda mungkin perlu menambahkan kembali cuplikan kode untuk menambahkan remah roti jika Anda mengubah tema.

Untuk informasi selengkapnya tentang cara menyesuaikan situs Anda dan meningkatkan navigasinya, lihat tutorial berikut:

• Cara mengedit remah roti di WordPress
• Cara Mengatur Produk WooCommerce berdasarkan Merek
• Cara Menambahkan Kategori Produk WooCommerce ke Menu

Sudahkah Anda menambahkan remah roti ke situs Anda? Metode mana yang Anda gunakan? Beri tahu kami di bagian komentar di bawah!