Membuat Breadcrumb WordPress Tanpa Plugin

Template Landing Page untuk Blogspot

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:  Menghilangkan Versi WordPress dari Kode HTML

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

Selamat Mencoba!

Tags

tampilan login dengan css

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 kocaeli escort