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()) {
        echo '<div class="breadcrumb">';
        echo '<a href="';
        echo get_option('home');
        echo '">';
        echo('Ana Sayfa');
        echo '</a>' . $sep;
        if (is_category() || is_single() ){
            the_category('title_li=');
        } elseif (is_archive() || is_single()){
            _e( 'Blog Arşiv', '' );
        }
        if (is_single()) {
            echo $sep;
            the_title();
        }
        if (is_page()) {
            echo the_title();
        }
        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: 7 Mayıs 2021 - 20:50:05 Yazar: woweso_admin | Yorum sayısı: Yorum yok | Okunma Sayısı: 107



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



Yorumlar


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