Cara Membuat Breadcrumb di Wordpress Tanpa Plugin

Cara Membuat Breadcrumb di Wordpress Tanpa Plugin - yosh! selamat siang, kawan, beberapa hari ini saya hampir tidak sempat mengunjungi dan mengisi blog ini lagi dikarenakan dalam tahap belajar Photoshop dan Hosting. Nah, karena sudah memperlajari Wordpress meski cuma sedikit, disini akan saya tuliskan juga tutorial Wordpress yang sudah saya pelajari. Untuk yang menggunakan Blogspot, saya sudah pernah membahas bagaimana Cara Mudah Membuat Breadcrumb pada Blogspot. Meski sudah banyak plugin pada worpress yang menyediakan cara membuat BreadCrumb secara instan, tapi kadang dengan banyaknya plugin membuat blog terasa berat, jadi saya menggunakan Breadcrumb tanpa plugin pada Wordpress saya. Yup, biar tidak berlama-lama lagi, langsung saja ikuti langkah langkah dibawah ini (sebelum melakukan cara ini, alangkah baiknya di backup dulu ya WP-nya):
Pertama, masuk ke menu Appearance >> Editor >> dan cari berkas functions.php, jika sudah ketemu masukan kode di bawah ini di bagian akhir berkas tersebut:

  1. <?php
  1. if ( ! function_exists( 'breadcrumbs' ) ) :
  1. function breadcrumbs() {
  1. $separator = '&rsaquo;';
  2. $home = 'Home';
  1. echo '<div xmlns:v="http://rdf.data-vocabulary.org/#" class="breadcrumbs">';
  1. global $post;
  1. echo '  <span typeof="v:Breadcrumb">
  1. <a rel="v:url" property="v:title" href="URL-BLOG-ANDA">Home</a>
  2. </span> ';
  1. $category = get_the_category();
  1. if ($category) {
  2. foreach($category as $category) {
  3. echo $separator . "<span typeof=\"v:Breadcrumb\">
  1. <a rel=\"v:url\" property=\"v:title\" href=\"".get_category_link($category->term_id)."\">$category->name</a>
  2. </span>";
  1. }
  2. }
  1. echo '</div>';
  1. }
  1. endif;
  1. ?>
Untuk URL-BLOG-ANDA, ganti dengan url blog kamu. dan tekan update dibagian bawah kolom.
Kedua, setelah proses penyimpanan berhasil dan tidak terjadi eror atau blank, maka kemudian cari file single.php dan cari kata the_content kemudian paste kode ini 
<?php breadcrumbs(); ?> diatas the_content tersebut kemudian save dan coba lihat hasilnya. Pokoknya taruh kode itu disekitar content, karna punya saya sendiri saya taruh dibawah.

Kemudian tes hasilnya di google webmaster ini.
sekian dan terimah kasih kunjungannya.. :)

17 Responses to "Cara Membuat Breadcrumb di Wordpress Tanpa Plugin"

  1. makasih ilmunya mas,
    sangat bermanfaat..

    ReplyDelete
  2. thanx infonya mas Cupit's :)

    ReplyDelete
  3. ndak perlu ganti URL manual, line 9 pada URL-BLOG-ANDA ganti dengan '.home_url( '/' ).' dan Home nya ganti dengan '.$home.'

    '.$home.'

    kan di line 5 udah di definisikan $home = 'Home';

    ReplyDelete
    Replies
  4. wow.. ternyata busa yak gak pakek plugin. memang sih breadcrumb bikin blog semakin gampang dinavigasi..

    ReplyDelete
  5. Kalau saya cukup setia sama Blogger sob, engk mw berpaling ke Wordpress. Hehee, mungkin karena engk punya wordpress kali ya.

    ReplyDelete
  6. Lengkap banget tips/cara yang agan buat, tips ini sangat membantu ilmu seo ane yg msh cetek.. thanks gan..

    ReplyDelete
  7. Saya udah nyoba dan hasilnya seperti ini mas: Home > Category
    Titlenya ga keluar! sebagian kode buat nampilin title ga ada.. saya googling dan nemuin cara yang persis sama ky diatas, cuman beda penamaan function saja dan ini kode tambahan buat menampilkan title post.

    // pasang sebelum line 19
    echo $separator . the_title(' <span>', '</span>', false);

    thanks infonya & happy blogging :D

    ReplyDelete
  8. makasih byk gan, sangat terbantu

    ReplyDelete
  9. Tadinya bingung gimana cara bikin breadcrumb di wordpress saya, akhirnya nemu juga disini, makasih bro

    ReplyDelete
  10. Makasih atas infonya gan,
    Kalau untuk website sendiri yang bukan wordpress gimana caranya gan?
    Mohon pencerahanya..
    Salam

    ReplyDelete
  11. $delimiter = '›';
    mas untuk ngubah warna variable itu gimana yah?

    ReplyDelete