WordPress Temaya Eklenti Kullanmadan Breadcrumb Eklemek

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.

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 = ' &nbsp;> ';
    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_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..


Kategori: Web Tasarım | Yayınlanma Tarihi: 28 Nisan 2021 - 07:58:38 | Güncellenme Tarihi: 20 Eylül 2021 - 12:06:30 Yazar: woweso_admin | Yorum sayısı: 1 | Okunma Sayısı: 132



Etiketler: , , , , , , , , , , , , , ,



Yorumlar


“WordPress Temaya Eklenti Kullanmadan Breadcrumb Eklemek” için Bir Yorum

  1. Abdullah Zaid Hastürkoğlu dedi ki:

    Bu kodlarla web siteme güzel bir içerik haritası ekledim. WordPress breadcrumb için o kadar kod denedim bunun kadar doğru ve stabil çalışanı görmedim. Çok faydalı bir bilgi olmuş. WordPress web siteleri için gerekli olan breadcrumb sorununu bu kodlarla rahatlıkla çözebilirsiniz. Paylaşım için teşekkürler.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Mesajınız *

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