Popüler Aramalar:  TLS Nedir?  MyBB SSL Ayarları  MyBB 1.8 Linkleri Gizleme Eklentisi  Wordpress LiteSpeed Cache Ayarları  Wordpress Eklentisiz Breadcrumb  Yandex Webmaster
WordPress Eklentisiz Breadcrumb (Navigasyon) Nasıl Yapılır ?

WordPress Eklentisiz Breadcrumb (Navigasyon) Nasıl Yapılır ?

Bir dönem site sahipleri tarafından gereksiz bulunup ve seo açısından bir değerinin olmadığı ileri sürülerek bu özellik kullanılmamaya başlanmıştı. Hal öyle ki dünyanın en çok kullanılan içerik yönetim sistemi olan WordPress bile temalarında bu özelliği kaldırmış vaziyette. Bu özelliği kullanmak isteyen kullanıcılara ise teknik konularda bilgisi olmayanlar eklenti kullanarak bu sorunu aşıyorlar.

Bu özellik son zamanlarda tekrar gündeme gelmeye başladı. Google’ın yaptığı son algoritma güncellemesi ile arama sonuçlarında siteler listelenirken breadcrumb özelliğini kullanan siteler daha göze hitap etmeye, dikkat çekmeye başladılar. Hal böyle olunca site sahipleri arasında bir karışıklık yarattı. Kullansak mı ? kullanmasak mı ? Bana kalırsa bu özelliği kullanmak seo açısından da kullanıcı açısından da çok daha iyi geri dönüşler almanızı sağlayacaktır. Bu yazımda ise WordPress kullananlar için bu özelliği eklenti kullanmadan nasıl sitenize ekleyeceğinizden bahsedeceğim.

WordPress Eklentisiz Breadcrumb (Navigasyon) Yapımı

Bu özelliği yapımına başlamadan önce bu özellik hakkında bilgisi olmayanlar için kısa bir bilgi vererek yapıma geçiş yapmak istiyorum.

Breadcrumb Nedir ?

Breadcrumb, Türkçe adıyla “sayfa işaretleri yolu”, bir başka değiş ile navigasyon, kullanıcıların ve arama motorlarının sitemizde yer alan hiyerarşiyi anlamasına ve bu hiyerarşi çerçevesinde hareket etmesine yardımcı olan bağlantılar kümesine verilen isimdir. Çok fazla alt kategorilerden oluşan bir sitenin daha hızlı dolaşılmasını sağlayan basit bir sistemdir.

Breadcrumb (Navigasyon) Yapımı

Önemli: İşlemlere başlamadan önce temanızın yedeğini almanızı tavsiye ederim. Yanlış bir işlem yaparsanız yedeği kullanarak düzeltebilirsiniz sorunu.

1.Adım:  Sitenizde kullandığınız temanın functions.php dosyasına aşağıda ki kodları uygun bir yere ekleyiniz.

function wp_breadcrumb() {
    echo '<a href="'.home_url().'" rel="noopener noreferer">Home</a>';
    if (is_category() || is_single()) {
        echo "  »  ";
        the_category(' • ');
            if (is_single()) {
                echo "   »   ";
                the_title();
            }
    } elseif (is_page()) {
        echo "  »  ";
        echo the_title();
    } elseif (is_search()) {
        echo "  »  Arama Sonuçları... ";
        echo '"<em>';
        echo the_search_query();
        echo '</em>"';
    }
}

2.Adım: Daha sonra aşağıda ki kodu  gözükmesini istediğiniz yere eklemeniz gerekiyor. Genelikle bu kod temanızın single.php ve page.php dosyalarına eklenmektedir.

<?php wp_breadcrumb(); ?>

Bu kodu ekledikten sonra herhangi bir yazıya giriş yaptığınızda aşağıda ki resimde ki gibi bir breadcrumb kısmına sahip olacaksınız.

3.Adım: CSS ile yapmış olduğumuz navigasyonu daha düzenli hale getirmek için WordPress temanızın style.css dosyasına aşağıda ki kodları eklemeniz yeterli olacaktır.

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

WordPress Eklentisiz Breadcrumb (Navigasyon) Nasıl Yapılır ?
WordPress Eklentisiz Breadcrumb (Navigasyon) Nasıl Yapılır ?

 Yazı Bağlantısını Kopyala & Paylaş

Benzer Yazılar

  • WordPress İçin İki Adımlı Kimlik Doğrulama Nasıl Kurulur? Google Authenticator Ayarları Nasıl Yapılır?

    WordPress İçin İki Adımlı Kimlik Doğrulama Nasıl Kurulur? Google Authenticator Ayarları Nasıl Yapılır?

    Wordpress'in admin paneline veya kullanıcı hesaplarına giriş kısmı kişisel bilgilerinize, değerli içeriğinize ve işiniz için değerli olan birçok şeye giriş noktasıdır. Bizim için bu kadar önemli olan bir alanın saldırganlar tarafından da ele geçirilmek istenmesi kadar doğal bir şey yoktur. Bunun için zorlayarak giriş yapma adını verdiğimiz brute force (kaba…
  • WordPress’te Favicon Nasıl Eklenir?

    WordPress’te Favicon Nasıl Eklenir?

    Favicon internet sitenizin web tarayıcısında ki sayfa başlığında görüntülenen küçük bir ikondur. Favicon, tarayıcıların geçmişinde, yer imleri sekmesinde ve internet sitenizin görsel bir kimliğe ihtiyaç duyduğu her yerde gözükmektedir, kullanılmaktadır. Wordpress'te Favicon Nasıl Eklenir? Oldukça basit ve küçük bir detaydır favicon, çoğu zaman unutulur ancak unutulmaması gereken bir özelliktir. Sitenizin…
  • WordPress’te Birden Fazla Yazı Kısaltma Fonksiyonu Nasıl Yapılır?

    WordPress’te Birden Fazla Yazı Kısaltma Fonksiyonu Nasıl Yapılır?

    Wordpress'te varsayılan olarak blog yazıları 55 kelime kısaltılmakta. Wordpress'in yazı uzunluğu filtreleme fonksiyonu kullanılarak bu varsayılan değeri değiştirebiliyoruz ve bu değiştirdiğimiz de sadece bir yerde kullanabiliyoruz, peki ya birden fazla alanda farklı kelime uzunlukları kullanmak istiyorsak? Birden fazla yazı türüne sahip bir internet sitesi geliştiriyorsanız, her farklı alan için farklı…
  • WordPress Easy WP SMTP Eklentisinde Önemli Güvenlik Açığı!

    WordPress Easy WP SMTP Eklentisinde Önemli Güvenlik Açığı!

    Geçtiğimiz hafta Wordpress'in en çok kullanılan mail işlemcisi eklentisi olan Easy WP SMTP'nin yapmış olduğu bir güncelleme çok önemli bir güvenlik açığına neden oldu. Wordpress'in paylaştığı verileri göre 300,000 site tarafından aktif olarak kullanılmakta olan bu eklentinin 1.3.9 sürümünde meydana gelen güvenlik açığı bir çok internet sitesini etkilemiştir. Blog yazımda…
WordPress Eklentisiz Breadcrumb (Navigasyon) Nasıl Yapılır ? için Yorum'da Bulun

Bu yazıya şimdiye kadar 5 Yorum yapılmıştır.

  • Yorum Sahibi
     Yanıtla
    sezgin Ziyaretçi

    Merhaba , echo ‘<a href=”‘; hata veriyor sebebi ne olabilir

    • Yorum Sahibi
       Yanıtla
      MEK Ziyaretçi

      Yapamayan arkadaşlar tırnak işaretlerini düzenlemeniz gerekiyor kodu düzenledim ve kullandım bu şekilde hata vermiyor. nguzelsozler.com adresimde kullandım inceleyebilirsiniz.

      function wp_breadcrumb() {
      if (!is_home()) {
      echo ‘‘;
      echo ‘Anasayfa’;
      echo “
      > “;
      if (is_category() || is_single()) {
      the_category(‘title_li=’);
      if (is_single()) {
      echo ” > “;
      the_title();
      }
      } elseif (is_page()) {
      echo the_title();
      }
      }
      }

      • Yorum Sahibi
         Yanıtla
        Hüseyin Körbalta Yazar 

        Merhaba,

        Yakın bir zamanda WordPress güncellemesinden dolayı code blokları arasında yazılan kodlarda değişimler olmuş, şimdi farkettim. Kod’da oluşan tırnak sorunlarını giderip, biraz daha gelişmiş hale getirdim. Ayrıca, CSS kodları da ilave ederek daha düzenli bir breadcrumb olmasını sağladım. Değerli yorumunuz için teşekkür ederim.

  • Yorum Sahibi
     Yanıtla
    muzaffer karakan Ziyaretçi

    Merhaba Hüseyin hocam bende de hata verdi acaba single.php veya page.php dosyasindan cagirmadigim icin midir? Ben header.php icinde kullandim fonksiyonu.

    • Yorum Sahibi
       Yanıtla
      Hüseyin Körbalta Yazar 

      Merhaba,

      Oluşturduğum fonksiyon kodu single.php ve page.php dosyalarında çalışmaktadır.

Bir Cevap Yaz

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

 Lütfen, en az 15 karakterli bir yorum belirtiniz.

 Lütfen,isminizi belirtiniz.
 Lütfen, kullanmakta olduğunuz bir e-mail adresi giriniz.
 Yukarıda ki alanı işaretlemeniz zorunludur.Aksi takdirde yorumunuz gönderilemeyecektir.

izmir escort