Blogger'da Sadece Yazı Başlıklarını Listelemek

Yeni, yine, yeniden...

Blogger üzerinde bir blogunuz var ve siz yazdığınız yazıların sadece başlıklarının görüntülenmesini mi istiyorsunuz? Belki de bunun sadece arşiv sayfalarında olmasını da isteyebilirsiniz. Öyleyse durmayın ve yazıyı yavaş yavaş, sindire sindire okumaya başlayın.

Yazının hemen başında bir kişiye, biyografi'ye, bu yazıyı yazmama vesile olduğu için teşekkür ederim.

Uyarı: Bu ipucunun çalışma mantığını öğrenmeden direk uygulamaya geçmek isterseniz Uygulama Başlangıcı başlığından itibaren devam edebilirsiniz.

Uyarı 2: Uygulamayı şablonunuzda denemeden önce mutlaka bir yedek alın.

Koşullu Sorgulamalar

Öncelikle koşullu sorgulamanın ne olduğunu öğrenerek bu işe başlayacağız. Blogger'da bazı değişkenler ile koşullu bir sorgulama yapıp, görüntülenmesini istediğimiz içeriğin sorguladığımız koşula uyduğu takdirde görüntülenmesini sağlayabiliriz. Aslında hali hazırda kullandığınız tüm şablonlarda bu koşullu sorgulamalar vardır.

Koşullu sorgulamalara örnek verirsek:

• Anasayfada sadece yazılarınızın görüntülenip, yazının kalıcı bağlantısına (yazının kendi sayfası) tıkladığımız takdirde yazı ile birlikte yorumların da görüntülenmesi,
• Anasayfada, en altta Kaydol: Kayıtlar (Atom) bağlantısının görüntülenip, her hangi bir yazının kalıcı bağlantısına tıkladığımız takdirde Kaydol: Kayıt Yorumları (Atom) şeklinde bir bağlantı görüntülenmesi,
• MaFiAMaX Blog!'da olduğu gibi anasayfada her yazının altında tarih, kategori, vs. gibi bilgilerin görüntülenip, yazının kalıcı bağlantısına tıklandığı takdirde yazıyı e-postalayın, yazıyı paylaşın gibi bağlantıların görüntülenmesi,
• Blogger ayarlarınızda besleme yayının açık olup olmamasının denetlenip, buna göre RSS adresinizin görüntülenmesi,
• Yazılara yorum bırakma izni verilip verilmemesine bağlı olarak yorum gönderme formunun görüntülenmesi,
• Vs.

Gördüğünüz gibi koşullu sorgulamalar olmazsa asla ve asla istediğiniz bir tasarıma sahip olamazsınız.

Blogger'da en çok sayfa tipini denetleyen koşullu sorgulamalar vardır. Bu arada Blogger'da index, item ve archive olmak üzere 3 tip sayfa olduğunu hatırtlatmak da yarar var. Böylece uygun koşullu sorgulamalar ile blog yazılarınızın anasayfada (index), yazı ile birlikte yorumların da yazının kalıcı sayfasında (item) görüntülenmesini sağlayabiliyoruz.

1-) Sayfa tipini denetlemek için b:if cond='data:blog.pageType == "koşul"' sorgusunu kullandığımızı belirttikten sonra 3 tip koşulu listeleyelim.

• <b:if cond='data:blog.pageType == "index"'> - Bu koşul sayesinde bir içeriğin sadece anasayfada görüntülenmesini sağlayabilirsiniz.
• <b:if cond='data:blog.pageType == "item"'> - Bu koşul sayesinde bir içeriğin sadece yazının kalıcı sayfasında görüntülenmesini sağlayabilirsiniz.
• <b:if cond='data:blog.pageType == "archive"'> - Bu koşul sayesinde bir içeriğin sadece arşiv sayfasında görüntülenmesini sağlayabilirsiniz.

2-) Farzedelim ki bir içeriğin anasayfa dışında diğer her yerde görüntülenmesini istiyorsunuz. Öyleyse tek yapmanız gereken sorguyu olumsuz cümle gibi kurmaktır.

• <b:if cond='data:blog.pageType != "index"'> - Bu koşul sayesinde bir içeriğin anasayfa dışında her yerde görüntülenmesini sağlayabilirsiniz. Dikkat ederseniz burada ünlem işareti koyarak eşit ve eşitse yerine eğer index sayfası değilse şeklinde bir sorgu yapılıyor.

Uygulama Başlangıcı

1-) Arşiv Sayfasında ve Etiket Sayfalarında Sadece Yazı Başlıklarının Görüntülenmesi

Blogger altyapılı blogların arşiv sayfalarında gezerken yazıların normalde olduğu gibi görüntülendiğini, tek farkın arşiv filtrelemesi olduğunu biliyorsunuz. Aynı şekilde bir etikete tıkladığımız takdirde o etikete sahip yazıların da normalde olduğu gibi sadece filtrelenerek görüntülendiğini biliyorsunuz. İşte tam bu noktada, eğer ziyaretçilerin arşivlerinizde gezinirken ve etiket filtrelemesi yaparken sadece yazı başlıklarını bir liste halinde görüntülemesini sağlayabilirsiniz. Hadi aşağıda vermiş olduğum kodları şablonunuzuda bularak bu işe başlayalım. (Aşağıdaki kod Blogger'ın değiştirilmemiş şablonlarındaki gibidir. Kullandığınız şablonda bu kodlar farklılık gösterebilir)

<div class='blog-posts hfeed'>
 <b:include data='top' name='status-message'/>
 <data:adStart/>
 <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.dateHeader'>
     <h2 class='date-header'><data:post.dateHeader/></h2>
   </b:if>
   <b:include data='post' name='post'/>
   <b:if cond='data:blog.pageType == "item"'>
     <b:include data='post' name='comments'/>
   </b:if>
   <b:if cond='data:post.includeAd'>
     <data:adEnd/>
     <data:adCode/>
     <data:adStart/>
   </b:if>
 </b:loop>
 <data:adEnd/>
</div>

Yukarıdaki kodlarda kırmızı renkli satırlara dikkatinizi çekmek istiyorum. Loop yani döngü içinde alan bu kodlara bir bütün olarak baktığımızda içeriğin belli bir döngüde listelenmesi sağlanmış. Fakat kırmızı renkli satıra dikkatlice baktığınızda ilk satırda b:include data='post' name='post' ile sadece yazıların listelenmesi istenmiş. Fakat bir alttaki satıra baktığımızda da b:if cond='data:blog.pageType == "item"' sorgusu ile bir koşul sunulmuş. Buradaki koşulu düz bir metin halinde okursak anlamı şudur: "Eğer sayfa tipi item ise..." diyip bir altında bulunan içeriğin görüntülenmesini sağlamış. Bir altındaki satıra, yani üçüncü kırmızı satıra baktığımızda da yazı ve altında da yorumların görüntülenmesi istenmiş, son satırda da koşullu sorgulama kapatılmıştır.

Bu dört satırı tekrar düz bir metin halinde okursak anlamı şudur: "Yazıları listele, item sayfasında ise yazı ve yorumlarını listele."

Şimdi buradaki koşullu sorgulamaya bazı sorgulamalar daha ekleyip, anasayfa ve yazı kalıcı sayfaları dışında sadece yazı başlıklarının listelenmesini sağlayacağız.

Yukarıda kırmızı renkle belirttiğim satırların yerine aşağıdaki kodları yapıştırın ve şablonunuzu kaydedin.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType != "item"'>
       <a expr:href='data:post.url'>
        <ul><li><data:post.title/></li></ul>
       </a>
      <b:else/>
      <b:include data='post' name='post'/>
     </b:if>
     <b:else/>
     <b:include data='post' name='post'/>
    </b:if>
     <b:if cond='data:blog.pageType == "item"'>
      <b:include data='post' name='comments'/>
     </b:if>

Böylece anasayfa ve yazı kalıcı sayfaları dışında her yerde yazıların sadece başlıkları ile görüntülenmesini sağladık.


2-) Arşiv Sayfasında Sadece Yazı Başlıklarının Görüntülenmesi

Aslında bu işi bu kadar detaylı anlattıktan sonra bu işi sınavda sormak gerekliydi ama... :)

Yukarıda kırmızı renkle belirttiğim satırların yerine aşağıdaki kodları yapıştırın ve şablonunuzu kaydedin.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == "archive"'>
       <a expr:href='data:post.url'>
        <ul><li><data:post.title/></li></ul>
       </a>
      <b:else/>
      <b:include data='post' name='post'/>
     </b:if>
     <b:else/>
     <b:include data='post' name='post'/>
    </b:if>
     <b:if cond='data:blog.pageType == "item"'>
      <b:include data='post' name='comments'/>
     </b:if>

Gördüğünüz gibi sadece ikinci satırdaki koşullu sorgulamayı değiştirdik.

Bitirirken...

Evet, yine uzun ve kapsamlı bir Blogger ipucunun sonuna geldik. Her zaman olduğu gibi, "yeni, yine, yeniden..." diye başlayan bir yazı ile görüşmek dileğiyle...

Bu yazıya 26 adet yorum yapılmış. Düşüncelerini belirtmek istiyorsan durma yorumunu paylaş!