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

Baca Juga:  Prinsip Sederhana dalam Desain: CRAP

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

Selamat Mencoba!

Komentar

comments

zulsdesign

Seorang Web Designer, Web Developer, Wordpress Development dan independen Blogger. Spesialisasi Personal Branding. Selalu haus akan ilmu tentang perkembangan dunia Web Design, Social Media, Online Marketing. Kadang-kadang juga berprofesi sebagai konsultan Website dadakan :)

grain storage instagram türk takipçi satın al