WordPress Breadcrumb Nedir Nasıl Eklenir?
Breadcrumbs (içerik haritası yolu yada içerik gezinti menüsü) siteler için görüntü olarak güzel görünmesinden ziyade; kullanıcılara site içi dolaşımda bilgi ve kolaylık sağlamakla beraber, site sahibine seo açısından fayda sağladığı google seo kriterlerinde belirtilmiştir. Web sitesi tasarlarken kullanıcı deneyimine önem verilmelidir. Breadcrumb bu konuda sitenize katkı sağlar. WordPress tema yaparken veya hazır tema kullanırken breadcrumb’ı gözden kaçırmamak gerek. Kullanırken site tasarımına ters düşmeyecek ve kullanımda sorun yaratmayacaksa WordPress Sitemize ekleyebiliriz. Eklenti kullanmak istemeyip manuel olarak breadcrumb eklemek isterseniz bu çözüm yolu işinizi görecektir. Şimdi WordPress Temaya Breadcrumb nasıl eklenir onu görelim. Sırayla ve dikkatlice yaparsak büyük oranda sorunsuz çalışacaktır.
Not: Bilindiği üzere bu tür çalışmalar yedeksiz tavsiye edilmemektedir. Çünkü her şey her sistemde tam olarak doğru ve düzgün çalışmayabilir. İşlemlere başlamadan önce ilgili dosyaların yedeğini alınız. Aksi durumda yedek dosyanıza dönmeniz kolay ve kayıpsız olsun.
Güncelleme: Bazı hata ve eksiklikler giderildi.(10.03.2022)
Haydi Başlayalım!
WordPress Breadcrumb Ekleme
1. Adım: WordPress siteler için eklenti kullanmadan Breadcrumbs eklemek için; öncelikle functions.php dosyamızın son satırında bulunan ?> etiketinden hemen önce aşağıdaki kodu ekleyin. Ya da breadcrumb.php adında bir dosya oluşturup php tagların (<?php buraya ?>) arasına bu kodları yerleştiriniz.
function the_breadcrumb() {
$sep = ' > ';
if (!is_front_page()) {
// Breadcrumb ı ana sayfanıza bir bağlantıyla başlatın
echo '<div class="breadcrumb">';
echo '<a href="';
echo get_option('home');
echo '">';
echo('Ana Sayfa');
echo '</a>' . $sep;
// Mevcut sayfanın bir kategori mi, arşiv mi yoksa tek bir sayfa mı olduğunu kontrol edin. Öyleyse kategori veya arşiv adını gösterin.
if (is_category() || is_single() ){
the_category('>');
} elseif (is_404() || is_single()){ // 404 hata sayfasının adı breadcrumb dizininde gözüksün.
echo '404';
// _e( wp_title('') );
} elseif (is_archive() || is_single()){
echo 'Arşiv >';
_e( wp_title('') );
}
// Mevcut sayfa tek bir gönderiyse, başlığını ayırıcıyla birlikte gösterin
if (is_single()) {
echo $sep;
the_title();
}
// Mevcut sayfa statik bir sayfaysa, başlığını gösterin.
if (is_page()) {
echo the_title();
}
// Gönderiler listesi sayfası olarak atanmış statik bir sayfanız varsa. Statik sayfanın başlığını bulacak ve gösterecektir. Yani Ana Sayfa >> Blog
if (is_home()){
global $post;
$page_for_posts_id = get_option('page_for_posts');
if ( $page_for_posts_id ) {
$post = get_page($page_for_posts_id);
setup_postdata($post);
the_title();
rewind_posts();
}
}
elseif (is_search()) {
echo "Arama Sonuçları";
}
echo '</div>';
}
}
2. Adım: 1. Adımda anlatıldığı gibi ayrı bir dosyaya kaydettiysek functions.php dosyasına şu kodu include_once(‘breadcrumb.php’); yerleştirip breadcrumb.php dosyasını dahil edip çağırmamız gerekecektir. Sonrasında sayfamızda nerede gösterilmesini istiyorsak oraya aşağıdaki kodu ekleyin.
<?php the_breadcrumb(); ?>
3. Adım: Biraz stil vermek isterseniz son olarak style.css dosyamıza aşağıdaki kodu ekleyin.
.breadcrumb{padding: 7px 14px;margin-bottom: 20px;list-style: none;background-color: #f5f5f5;padding-left: 2rem;}
WordPress web sitesine eklentisiz olarak Breadcrumb’ı eklemek işte bu kadar kolay, haydi kalın sağlıcakla..

Not: Yorumlarınız en az 30 karakter olmalıdır. Kalan karakter 30