WordPress Navigasyon Breadcrumb Seo Menü kodu.

breadcrumb-navigation-in-msn

 örnek : Anasayfa > Kategori > Konu başlığı

Breadcrumb kelime karşılığı olarak navigasyon yani yol gösterici gibi bir anlamda kullanılıyor. Bizim ilgimizi çeken kısım uygulamanın hem arama motorları için önemli olması. Hem kullanıcılarımızın sitemizi daha rahat gezmeleri. Breadcrumb sayesinde bulunduğunuz sayfadan üst kategorilere yada aradığımız konu başlıklarına daha rahat ulaşabiliriz.

Nette bir çok örneği var elbette ama ben kendi sitemde kullandığım kodu sizinle paylaşıyorum.

 

1. Adım

Admin panel > Düzenleyici > stil şablonu (style.css) açıyoruz. Aşağıdaki kodu style.css stil dosyamıza  uygun şekilde ekliyoruz.

css kodu 1(resimsiz):
.navigasyon {background:#fafafa;border:2px solid #eee;padding:8px;color:#afafaf;margin-top:10px;margin-bottom:-4px;}
.navigasyon a {color:#0099cc;}

css kodu 2(resimli):
.navigasyon {background-image:url(images/breadcrumb-back.png);border:1px solid #eee;padding:8px;color:#afafaf;margin-top:10px;margin-bottom:-4px;}
.navigasyon a {color:#0099cc;}

 

2. Adım

Admin panel > Düzenleyici > Tekil Yazı (single.php)  açıyoruz. Karşımıza gelen kodcuklardan şunu buluyoruz

 

Kod:

<div><a href=”<?php bloginfo(‘url’); ?>” title=”<?php bloginfo(‘name’); ?>”>Anasayfa</a> &raquo; <?php the_category(‘, ‘) ?> &raquo; <?php the_title(”); ?></div>

Kodumuzu single.php safyasında  <div id=”content” > yazısının altına ekliyoruz.

Güle güle kullanın.