Gönderen Konu: Eklentisiz site haritası  (Okunma sayısı 172 defa)

Çevrimdışı cakal

  • Vip Üye
  • Trade Sayısı: (0)
  • *
  • İleti: 94
  • Karma +1/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
Eklentisiz site haritası
« : 16 Haz 2016, 14:37:31 »
WordPress kullanıcıları arttıkça ihtiyaçlarında arttığı aşikar. Bir çok wb tabanlı siteler belli bir sayfada site haritası görüntülemek için eklentiler kullanıyor. Aslında bu işlemi yapabilmek için eklenti kullanıp gereksiz sunucu yükü oluşturmaya gerek yok. Çok basit bir kaç satır kod ile bu işlemi oldukça fonksiyonel olarak kullanabiliriz.
Aşağıdaki kod ile siteniz için güze bir navigasyon oluşturmuş olacak ve ziyaretçilerinizin istedikleri içeriğe daha kolay ulaşmasını sağlayacaksınız. Bu kodu bir sayfa oluşturarak kullanmanızı öneririm.

PHP KODU:

Kod: [Seç]
<!--?php     
echo '
<ul id="wpbs"-->';
 
    if (!is_home()) {
 
        echo '
<li><a class="anasayfa" href="'.get_option('home').'" target="_blank" rel="nofollow">Anasayfa</a> » </li>
';
 
        if (is_single()) {
 
            echo "
<li>"; the_category(' » </li>
<li> '); echo " » </li>
<li>".get_the_title()."</li>
";
 
        }
 
      elseif (is_page()) {echo "
<li>".get_the_title()."</li>
";}
 
      elseif (is_category()) {echo "
<li>Kategori: ".single_cat_title('')."</li>
";}
 
      elseif (is_tag()) {echo "
<li>Etiket: ".single_tag_title()."</li>
";}
 
      elseif (is_day()) {echo"
<li>Gün: ".get_the_time('F jS, Y')."</li>
";}
 
      elseif (is_month()) {echo"
<li>Ay: ".get_the_time('F, Y')."</li>
";}
 
      elseif (is_year()) {echo"
<li>Yıl: ".get_the_time('Y')."</li>
";}
 
      elseif (is_author()) {echo"
<li>Yazar: ".get_the_author()."</li>
";}
 
      elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "
<li>Arşiv</li>
";}
 
      elseif (is_search()) {echo"
<li>Arama Sonucu: ".get_search_query()."</li>
";}
 
    }
 
echo '
';
 
?>

CSS KODU:

Kod: [Seç]
ul#wpbs {}
 
ul#wpbs li{display:block;float:left;margin-right:10px;}

Yukarıdaki CSS kodu ile daha biçimli görüntü sağlayabileceğiniz gibi aynı zamanda kendi sitenize uygun CSS kodlarıda kullanabilirsiniz.

Alinti wordpressbootstrap.com