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..