Cara Membuat Breadcrumb Tanpa Plugin di WordPress
durasi baca : 5 menit

Breadcrumb merupakan sistem navigasi menu yang dapat mempermudah pengunjung website atau blog agar mudah dalam melihat ‘lokasi’ dimana dan dari page mana saja dia melakukan browsing di website atau blog kamu. Struktur breadcrumb pada umumnya seperti ini “Home > Kategori Artikel > Judul Artikel”.
Breadcrumb juga berfungsi untuk menyediakan fitur on-click access ke level halaman website diatasnya, sekaligus menghindari pengunjung tersesat karena terlalu dalam browsing website. Dengan menggunakan breadcrumb, kita dapat memudahkan pengunjung dalam browsing website kita, karena struktur website yang kita punya memiliki tingkatan yang baik.
Jika melihat fungsinya, maka sebuah website baiknya memiliki breadcrumb. Ada 2 cara yang bisa kamu lakukan untuk membuat breadcrumb pada wordpress :
- Menggunakan bantuan Plugin
- Membuat breadcrumb tanpa bantuan plugin
Yang dibahas kali ini adalah cara yang kedua, membuat breadcrumb tanpa menggunakan plugin. Untuk membuat breadcrumb di wordpress tanpa plugin, kamu membutuhkan kode PHP dan CSS untuk mempercantik tampilannya. Berikut kode PHP yang bisa kamu buat di website kamu :

Tempatkan kode PHP diatas di file function.php tema yang digunakan. Untuk menampilkan function breadcrumb diatas dapat kita panggil dengan kode PHP berikut. Letakkan pada posisi yang kamu inginkan misalnya pada file header.php.

Namun, jika website kamu bertipe website woocommerce, maka kamu bisa menambah kode berikut :

Agar tampilan breadcrumb sedikit lebih menarik, kamu bisa mengatur style CSS dengan menambahkan kode berikut di style.css :

Itulah cara yang bisa kamu terapkan jika kamu ingin memasukkan breadcrumb navigation di website kamu. Semoga bermanfaat.

Suka Artikel Ini?
Cari Artikel
Layanan Whello
- Jasa Pembuatan Website
- Jasa SEO
- Google Ads
- Facebook Ads
- Instagram Ads
- Copywriting
- Jasa Pembuatan Aplikasi
Subscribe Newsletter Whello Gratis
Dapatkan promo eksklusif dan konten menarik langsung di emailmu.

Over Damar Anggoro
Webdeveloper
Halo semuanya, perkenalkan aku Damar Anggoro, salah satu senior Web Developer and System Analyst di Whello.
