belajarwebdesign.com

belajarwebdesign.com


Membuat Breadcrumb WordPress Tanpa Plugin

Posted: 19 Jun 2012 08:05 PM PDT

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!

Tidak ada komentar:

Posting Komentar