HomeBlogTutorialCara Menambahkan Breadcrumb di WordPress Tanpa Plugin

Cara Menambahkan Breadcrumb di WordPress Tanpa Plugin

Anda sudah tau Breadcrumb? Dan ingin memasang Breadcrumb di website WordPress Anda tanpa menggunakan plugin? Anda berada ditempat yang tepat karena di dalam artikel ini Hostingan Id akan membahas tentang cara membuat Breadcrumb tanpa menggunakan Plugin.

Apa Itu Breadcrumb dan Apa Manfaatnya?

Breadcrumb adalah sebuah navigasi yang berada dalam suatu halaman yang menunjukkan dimana posisi Anda sekarang. Bingung? Coba cek contoh berikut:

Dalam sebuah artikel mungkin Anda pernah menemukan yang seperti ini

Beranda > Pendidikan > SD > Matematika > Belajar Berhitung

Biasanya letaknya ada di atas judul artikel. Nah itu adalah Breadcrumb.

Manfaat dari breadcrumb sendiri adalah untuk memudahkan pembaca untuk mengetahui dimana posisi dia saat ini, ada dikategori atau di topik apa dia sekarang. Selain itu breadcrumb juga dapat menjadi jalan pintas ketika si pembaca ingin membuka Kategori atau subkategori atau topik yang sama dari artikel yang dia baca saat ini.

Sementara Itu dari sisi SEO (Search Engine Optimize), keberadaaan breadcrumb menjadi nilai tambah atas website Anda dimata Google. Karena dianggap website Anda memiliki Navigasi situs yang bagus sehingga mampu menuntun pembaca atau pengunjung untuk melihat-lihat konten website Anda yang lain.

Beberapa Cara Memasang Breadcrumb

Breadcrumb memang bukan fitur standar atau sesuatu yang wajib ada di sebuah theme WordPress sehingga membuat beberapa theme ada yang memiliki Breadcrumb ada yang tidak, tentu bagi yang tidak memiliki fitur breadcrumb di theme Anda, Anda tidak perlu khawatir sebab breadcrumb bisa kita tambahkan sendiri dengan beberapa cara.

Cara Pertama, Dengan Plugin

Anda bisa menambahkan Breadcrumb dengan menginstall Plugin kedalam website WordPress Anda. Jika Anda menggunakan plugin Yoast, Anda sudah bisa menggunakan Breadcrumb bawaan Yoast. Namun jika tidak, Anda dapat menginstall plugin Breadcrumb navxt kedalam website WordPress Anda.

Cara Kedua, Tanpa Plugin

Cara kedua ini adalah cara menambah breadcrumb tanpa menggunakan plugin, tentu ini lebih sederhana dibandingkan plugin-plugin khussu breadcrumb, tapi ini sudah lebih dari cukup untuk membuat website kita memiliki Breadcrumb dan ramah terhadap pengunjung dan search engine Google.

Cara, Anda cukup mengcopy paste code berikut ini kedalam file functions.php dibaris paling bawah (disarankan Anda membuat child theme wordpress dan menggunakannya sebagai theme website Anda).

function the_breadcrumb() {
        echo '<ul id="crumbs">';
    if (!is_home()) {
        echo '<li><a href="';
        echo get_option('home');
        echo '">';
        echo 'Home';
        echo "</a></li>";
        if (is_category() || is_single()) {
            echo '<li>';
            the_category(' </li><li> ');
            if (is_single()) {
                echo "</li><li>";
                the_title();
                echo '</li>';
            }
        } elseif (is_page()) {
            echo '<li>';
            echo the_title();
            echo '</li>';
        }
    }
    elseif (is_tag()) {single_tag_title();}
    elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
    elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
    elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
    elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
    elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
    elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
    echo '</ul>';
}

Kemudian tambahkan kode berikut ini di file single.php atau di singular.php. letakkan kira-kira diatas judul Artikel Anda.

<?php the_breadcrumb(); ?>

Demikian artikel cara menambahkan Breadcrumb di website WordPress tanpa menggunakan plugin. Anda masih dapat bereksperiment dengan code-code diatas baik kode php wordpressnya ataupun styliish-nya di melalui CSS style. Jika Anda merasa kebingungan Anda dapat meninggalkan pertanyaan melalui kolom komentar yang tersedia dibawah artikel ini.

 

Leave a Reply

Your email address will not be published. Required fields are marked *