Blogger Widget'larını Belirli Sayfalardan Tamamen Gizleme

Widget'ları gizlemek/kaldırmak için CSS, jQuery veya Blogger koşul etiketlerini kullanarak widget'ları gizlemek için internette bazı ipuçları aradım.

Widget'ın iç içeriğini gizlemek için CSS, jQuery veya Blogger koşul etiketlerini kullanarak widget'ları gizlemek/kaldırmak için internette bazı ipuçları aradım. Ancak bu yolları kullanırken, Blogger widget'ı yüklemeye devam eder ve bu sorun sitenizin yüklenme hızını etkileyebilir. Yani, belirli sayfalar için Blogger widget'larını gizlemek için düzgün bir ipucumuz yok mu?

Hayır, bizde var. Bazı Blogger etiketlerini araştırıp test ettikten sonra, neyse ki, bir pencere öğesini kaldırmanın veya belirli sayfalara yüklenmesini engellemenin çok basit ve tamamen bir yolunu buldum. Sana göstereyim.

İlk deneme: Widget'ı ana sayfadan gizleme

Örneğin, bir widget'ı ana sayfadan gizlemek istiyorsunuz. Önce, lütfen Şablon / HTML'yi Düzenle'ye erişin , ardından Widget'a atla düğmesine tıklayın ve gizlemek istediğiniz widget'ı seçin. Bu örnekte, HTML1 widget'ımı gizleyeceğim .

Normal HTML widget'ı aşağıdaki gibi tam bir koda sahip olacaktır:

TÜM KODU KOPYALA

<b:widget id='HTML1' locked='false' title='HTML Widget' type='HTML'>
 <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
   <h2 class='title'>
    <data:title/>
   </h2>
  </b:if>
  <div class='widget-content'>
   <data:content/>
  </div>
  <b:include name='quickedit'/>
 </b:includable>
</b:widget>

Şimdi, bu widget'ı evden gizlemek için lütfen <b:includable id='main'>etiketten sonra aşağıdaki kodu ekleyin:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:remove/>
</b:if>

Son kod şu şekilde olacaktır:

<b:widget id='HTML1' locked='false' title='HTML Widget' type='HTML'>
 <b:includable id='main'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:remove/>
  </b:if>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
   <h2 class='title'>
    <data:title/>
   </h2>
  </b:if>
  <div class='widget-content'>
   <data:content/>
  </div>
  <b:include name='quickedit'/>  </b:includable>
</b:widget>

Şimdi, Şablonu kaydet düğmesini tıklayın ve widget'ın tamamen kaldırıldığını görmek için ana sayfanızı kontrol edin. Ana sayfanın kaynağını görüntüleyebilir ve widget'ın kimliğini bulabilirsiniz (benim durumumda id='HTML1'), hiçbir şey bulamazdınız. 

Nasıl çalıştığını açıklayalım..  

Diğer sayfalardan gizlemek

Blogger sayfa türü koşul etiketleri hakkında daha fazla bilgiyi şurada okuyabilirsiniz: Blogger Temel Küresel Veri Etiketleri . Bu makalede, Blogger'ın belirli sayfa türleri için widget'ları gizlemek için bazı temel örnekleri aşağıdaki gibi listeleyeceğim:

Ana sayfadan gizle

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:remove/>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <b:remove/>
</b:if>

Statik Sayfalardan  (Sayfalar)  gizle......

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <b:remove/>
</b:if>

Öğe sayfalarından gizle

(makaleler, yazılar)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:remove/>
</b:if>

Arşiv sayfalarından gizle
(gönderiler aylara/yıllara göre gösteriliyor)

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
 <b:remove/>
</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
 <b:remove/>
</b:if>

Cep telefonundan gizle

<b:if cond='data:blog.isMobileRequest'>
 <b:remove/>
</b:if>

Gizlemek yerine gösterme

Gizlemek yerine göstermek istiyorsanız , == yerine != kullanmalısınız . Örnek, ana sayfada göstermek, ancak diğerlerinden gizlemek istiyorsanız, şunu kullanın:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
 <b:remove/>
</b:if>

! Veya ifadeyi kullanabilirsiniz  . Örneğin, cep telefonundan gizle:

<b:if cond='!data:blog.isMobileRequest'>
 <b:remove/>
</b:if>

<b:else/>Veya ifadeyi  de kullanabilirsiniz  . Örneğin, cep telefonundan gizle:

<b:if cond='data:blog.isMobileRequest'>
<b:else/>
 <b:remove/>
</b:if>