Blogger Koşullu Etiketleri Nasıl Kullanılır?

Blogger Koşullu Etiketleri Nasıl Kullanılır?

Blogger, kullanıcılarına blog oluşturma ve yönetme imkanı sağlayan popüler bir platformdur. Ancak, bazı kullanıcılar bloglarını daha da özelleştirmek ve geliştirmek isteyebilir. İşte bu noktada, Blogger Koşullu Etiketleri devreye girer. Blogger Koşullu Etiketleri; herhangi bir widget’ın, kod yapısının belirlediğiniz bir sayfada gözükmesine ya da gizlenmesine yarar.

Blogger Koşullu Etiketleri Nasıl Kullanılır?

Kenar çubuğu(Sidebar) widget’larını sadece ana sayfada görüntülemek, onu yazı veya sabit sayfalardan gizlemek istediğinizi varsayalım.

Temanızda özelleştirmek istediğiniz widget kodlarına gidin(Örn: Alttaki gibi <b:widget… ile başlayan kod).

<b:widget cond='data:view.isHomepage' id='HTML1' type='HTML'>
...
</b:widget>

Burada widget’ı yalnızca ana sayfada görüntülemek için widget koduna üstteki gibi cond=’data:view.isHomepage’ eklemelisiniz.

Bu sayede bu koşullu etiketi eklediğimiz widget, ana sayfa dışındaki tüm sayfalardan gizlenecektir. Böylelikle gereksiz bir kodun diğer sayfalarda yüklenmesini engelleyerek sayfa hızınızı arttırmış olacaksınız.

Benzer bir şekilde farklı sayfalar için farklı kurallar uygulayabilirsiniz.

Komut Açıklama
cond=’data:view.isHomepage’ Blogun ana sayfasını belirtir.
cond=’data:view.isPost’ Blogun yazılarını belirtir.
cond=’data:view.isPage’ Blogun sabit sayfalarını belirtir.
cond=’data:view.isArchive’ Blogun arşiv sayfalarını belirtir.
cond=’data:view.isLabelSearch’ Blogun etiket sayfalarını belirtir.
cond=’data:view.isMobile’ Blogun mobil cihazda görüntülendiğini belirtir.
cond=’data:view.isError’ Blogun hata sayfalarını belirtir.

Sayfa Türleri için Koşullu Etiketlerin Listesi

Ana sayfa, yazılar, arşiv, hata, sabit, etiket, belirli url vb. gibi sayfalarda görüntülemek için Blogger’da if koşulunu kullanabilirsiniz.

  • Widget’ı ilgili sayfada göstermek için kullanılır. ==
  • Widget’ı ilgili sayfada gizlemek için kullanılır. !=

Ana Sayfa

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<!-- sadece ana sayfada gözükür -->
</b:if>

Yazılar

<b:if cond='data:blog.pageType == "item"'>
<!-- sadece yazılarda gözükür -->
</b:if>

Arşiv Sayfaları

<b:if cond='data:blog.pageType == "archive"'>
<!-- sadece arşivde gözükür -->
</b:if>

Hata Sayfaları (404)

<b:if cond='data:blog.pageType == "error_page"'>
<!-- sadece hata sayfalarında gözükür -->
</b:if>

Sabit Sayfalar

<b:if cond='data:blog.pageType == "static_page"'>
<!-- sadece sabit sayfalarda gözükür -->
</b:if>

Etiket Sayfaları

<b:if cond='data:blog.searchLabel == "Blogger"'>
<!-- sadece Blogger etiketine sahip sayfalarda gözükür -->
</b:if>

Ve

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchQuery'>
<!-- sadece arama sonuçları ve yazı sayfalarında gözükür -->
</b:if>
</b:if>

Aynı koda birden fazla koşul uygulamak için ve koşulunu kullanabilirsiniz. Yukarıdaki örnekte, aynı anda hem arama sonuçları hem de yazı sayfalarını hedef aldığını görebilirsiniz.

Ya da

<b:if cond='data:blog.pageType == "index"'>
<!-- sabit sayfa ve ya yazı sayfalarında gözükür -->
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- sabit sayfa ve ya yazı sayfalarında gözükür -->
</b:if>
</b:if>

Gizleme

<b:if cond='data:blog.pageType != "item"'>
<!-- yazılar hariç tüm sayfalarda gözükür -->
</b:if>

Belirli URL

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2021/12/farmville-3-ucretsiz-kupon-kodlari-2022.html"'> 
<!-- Belirli bir yazıya (2021/12/farmville-3-ucretsiz-kupon-kodlari-2022.html) ve ya sabit sayfaya (/p/hakkimda.html) özelleştirme yapılır -->
</b:if>

Blogger koşullu etiketi, CSS ve JavaScript’i verimli bir şekilde yüklemek için son derece faydalıdır ve yalnızca kodun gerçekten gerekli olduğu ve diğer tüm sayfalardan hariç tutulduğu sayfalara yükler.


Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *