Olengk Blogs

Sharing pengalaman | Berita terbaru | Download Free Software | Tutorial

Cara Membuat Breadcrumbs, di wordpress

Cara Membuat Breadcrumbs di wordpress | Membuat Breadcumbs tanpa Plugin,  sebenarnya tidak terlalu susah, apalagi kamu pengguna wordpress yang self hosting cukup dengan menggunakan plugin dan yang  terbaik menurut saya masih bradcumbs milik YOAST.



Namun bagaimana jika kita ingin Membuat Breadcrumbs di wordpress tanpa plugin? Tentu saja bisa, kali ini olengkblogs akan share Cara Membuat Breadcrumbs di wordpress tanpa plugin dan tentunya SEO Friendly.  Mengapa saya katakan SEO Friendly, Silahkan Lihat Penampakan di Search Engine setelah menggunakan Breadcrumb ini.



Silahkan Ikuti Step-step berikut untuk Membuat Breadcrumbs, di wordpress :

  1. Silahkan Login ke Wordpress Anda > Masuk tab Appearance > Editor
  2. Klik Bagian Function.php Lalu Copykan kode berikut di paling atas themes anda 

    <?php
    if ( ! function_exists( 'breadcrumbs' ) ) :
    function breadcrumbs() {

    $delimiter = '&rsaquo;';
    $home = 'Home';

    echo '<div xmlns:v="http://rdf.data-vocabulary.org/#"
    class="breadcrumb">';
    global $post; echo '
    <span typeof="v:Breadcrumb">
    <a rel="v:url" property="v:title" href="'.home_url( '/' ).'">'.$home.'</a>
    </span> ';

    $cats = get_the_category();
    if ($cats) {
    foreach($cats as $cat) {
    echo $delimiter . "<span typeof=\"v:Breadcrumb\"> <a
    rel=\"v:url\" property=\"v:title\"
    href=\"".get_category_link($cat->term_id)."\" >$cat-
    >name</a>
    </span>";
    }
    }

    echo $delimiter . the_title(' <span typeof=\"v:Breadcrumb\">',
    '</span>', false);

    echo '</div>';

    }
    endif;
    ?>

  3. Jika Sudah, Masih di theme Editor > Buka di Single.php
  4. Cari Kode berikut ini : 
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="posts" id="post-<?php the_ID(); ? >">
  5. Lalu pastekan kode ini tepat di bawah kode di atas
    <?php breadcrumbs(); ?>
  6. Lalu Simpan Pekerjaan anda..

Sedangkan untuk style atau css nya bisa anda atus sendiri sesuka anda di file style.css. Bagaimana, mudah bukan Membuat Breadcrumbs di wordpress. Semoga bermanfaat..
Anda baru saja membaca artikel yang berkategori blogspot / Tutorial dengan judul Cara Membuat Breadcrumbs, di wordpress. Anda bisa bookmark halaman ini dengan URL http://olengkblogs.blogspot.com/2012/08/cara-membuat-breadcrumbs-di-wordpress.html. Terima kasih!
- Wednesday, August 15, 2012

Belum ada komentar untuk "Cara Membuat Breadcrumbs, di wordpress"