Cara Membuat Breadcrumb di Wordpress

Cara Membuat atau memasang breadcrumb di wordpress self hosting memang gampang-susah, kalau ingin yang lebih mudah tentunya kamu bisa install plugin-plugin untuk breadcrumb navigasi pada blog wordpress,namun walau dengan bantuan plugin kita terkadang harus edit sendiri secara manual di file php-nya agar plugin tersebut baru muncul.

Cara Memasang Breadcrumb Wordpress

Kali ini infonetmu akan memberikan tip tentang cara membuat breadcrumb di wordpress tanpa plugin, adapun kelebihan memasang breadcrumb dengan cara ini yaitu kamu tidak perlu menginstall plugin terlalu banyak,karena install plugin yang berlebihan tentu akan membuat blog wordpress kamu menjadi lebih berat, caranya sebagai berikut:

  1. Login ke blog wordpress kamu
  2. Buka file single.php, bisa lewat dashboard, cpanel atau FTP.
  3. Cari kode yang biasa digunakan untuk menampilkan judul postingan. kode yang biasa dibuat judul postingan biasanya seperti ini <h2><?php the_title(); ?></h2> kalau tidak ketemu,ganti h2 dengan h1 karena tag heading untuk judul blog wordpress berbeda-beda juga, kalau sudah ketemu letakkan kode berikut tepat diatas kode <h2><?php the_title(); ?></h2>
    <div id="infonetmubreadcrumb">
    <a title="<?php _e('Go to Home', 'infonetmu'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'infonetmu'); ?></a>
    &gt; <?php the_category(', '); ?> &gt; <?php the_title(); ?>
    </div>
  4. Lalu simpan.
  5. Tambahkan kode CSS berikut ini di file CSS yang kamu gunakan.
    #infonetmubreadcrumb {
    padding-left : 0px;
    line-height:16px;
    margin:5px
    }
  6. Lalu simpan, dan lihat hasilnya,klik pada salah satu postinganmu.
Sekarang di postinganmu sudah ada breadcrumbnya, ingat,itu hanya pada postingan atau single post, lalu bagaimana jika pada halaman lain seperti page,kategori ataupun halaman tag? iya, tentu belum muncul, nih aku kasih kode2 untuk halaman lainya juga,silahkan pasang juga.
<strong>You are here: </strong>
<?php if(is_404()) { ?> 404 Page: Page not found
<?php } if(is_home()) { ?> Front Page of <b><? bloginfo('name'); ?></b> - <?php bloginfo( 'description' ); ?>
<?php } if(is_category()) { ?> Archive for the &#8216;<b><?php single_cat_title(); ?></b>&#8217; Category
<?php } if(is_single()) { ?> <a href="<?php bloginfo('url'); ?>">Homepage</a> &raquo; <?php the_category(', '); ?> &raquo; <?php the_title(); ?>
<?php } if(is_tag()) { ?> Posts Tagged &#8216;<?php single_tag_title(); ?>&#8217;
<?php } if(is_month()) { ?> Archive for <?php the_time('F, Y'); ?>
<?php } if(is_year()) { ?> Archive for <?php the_time('Y'); ?>
<?php } if(is_search()) { ?> Search results for "<?php echo $_GET['s']; ?>"
<?php } if(is_page()) { ?> Page &raquo; <b><?php the_title(); ?></b>
<?php } if(is_author()) { ?> List of Author's posts
<?php } ?>

Tambahan:
Untuk kode pada nomor 3,kamu bisa juga meletakkan breadcrumb diatas kode <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" class="post">

Nah, demikian Cara Membuat Breadcrumb di Wordpress semoga berguna.
Baca juga:

0 comments:

Post a Comment

Search

Popular Posts

Powered by Blogger.