Breadcrumbs: Türkçesi ekmek kırıntıları anlamına gelmektedir. Seo açısından da faydalı olan bu navigasyon sistemi ile ziyaretçilerinize daha kullanışlı sayfalar sunabilir, sayfalar arasındaki geçişi basitleştirebilirsiniz. Ayrıca site içi linkleme için de çok yararlıdır.
Ben eklentili kullanacağım! diyorsanız, indirmek için aşağıdaki bağlantıyı kullanın.
Breadcrumbs
Eklentisiz Breadcrumbs Navigasyonu Kurulumu
Öncelikle navigasyon için CSS kodları ile başlıyoruz. Aşağıdaki kodları olduğu gibi style.css dosyanıza atınız.
Daha sonra, single.php dosyamızı açıyoruz ve;
Kodunun hemen altına aşağıdaki kodları ekliyoruz;
Tema klasörü içerisinde img adında bir klasör oluşturun aşağıdaki simgeyi içine atın.
Kurulum sonrası ekran görüntüsü :
[onay]Serdar Öz[/onay]
Ben eklentili kullanacağım! diyorsanız, indirmek için aşağıdaki bağlantıyı kullanın.
Breadcrumbs
Eklentisiz Breadcrumbs Navigasyonu Kurulumu
Öncelikle navigasyon için CSS kodları ile başlıyoruz. Aşağıdaki kodları olduğu gibi style.css dosyanıza atınız.
PHP:
.breadcrumb {
position: relative;
border-bottom: 1px solid #EEEEEE;
display: block;
font-size: 11px;
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
}
.breadcrumb a {
color: #333333;
text-decoration: none;
padding: 0px 5px 0px 5px;
font-weight: bold;
}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus{
color: #666666;
text-decoration: underline;
}Daha sonra, single.php dosyamızı açıyoruz ve;
PHP:
<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?>Kodunun hemen altına aşağıdaki kodları ekliyoruz;
PHP:
<div class=breadcrumb>
<a href=<?php bloginfo(url); ?> title=Anasayfa>Anasayfa</a>
<img src=<?php bloginfo(template_directory); ?>/img/arrow.png alt=" />
<?php the_category( ); ?>
<img src=<?php bloginfo(template_directory); ?>/img/arrow.png alt=" />
<a href=<?php the_permalink(); ?> title=<?php the_title(); ?>><?php the_title(); ?></a>
</div>Tema klasörü içerisinde img adında bir klasör oluşturun aşağıdaki simgeyi içine atın.
Kurulum sonrası ekran görüntüsü :
[onay]Serdar Öz[/onay]
