Membuat Breadcrumb WordPress Tanpa Plugin

Apa itu Breadcrumb? terasa aneh ya? hehe.. ya itu adalah salah satu elemen website, saya dulu pernah menulisnya di @belajar-web Membuat Breadcrumb (Navigasi) sederhana dengan CSS tapi hanya html-nya saja.

Bagaimana kalau Breadcrumb tersebut dipakai di website yang menggunakan WordPress? mudah sekali.

Cari file function.php di theme WordPress Anda, dan masukkan code dibawah ini

function the_breadcrumb() {
	if (!is_home()) {
		echo '<a href="';
		echo get_option('home');
		echo '">';
		bloginfo('name');
		echo "</a> / ";
		if (is_category() || is_single()) {
			the_category(', ');
			if (is_single()) {
				echo " / ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}

Sedangkan untuk memunculkan Breadcrumb tersebut tinggal panggil dengan

<?php the_breadcrumb(); ?>

Dari Kode di atas akan menghasilkan tampilan seperti ini

Dengan Kode diatas bisa kalian kembangkan sesuai kebutuhan, bisa menggunakan list (li) atau lainnya.

Selamat Mencoba!

Tags

tampilan login dengan css

Komentar

comments