Conditional Tags do Blogger para diferentes tipos de páginas

onditional Tags do Blogger para tipos diferentes tipos de páginas

Resumo

As Tags Condicionais (Conditional Tags) permitem-nos mostrar ou ocultar determinados conteúdos no Blogue. Alguns tipos de conteúdos que podemos querer mostrar ou ocultar podem ser:

Mostrar ou Ocultar widgets em páginas específicas
Aplicar estilos diferentes em páginas estáticas
Adicionar Meta Tags de Facebook ou Tag Cards do Twitter
Carregar determinados JS apenas em algumas páginas
Optimizar o SEO do Título do Blogue

Lista de Conditional Tags por tipo de página:

Página de Início | Homepage


<b:if cond="data:blog.url == data:blog.homepageUrl"> 
<!--only homepage-->
</b:if>

Página de Index | Index Page


<b:if cond="data:blog.pageType == &quot;index&quot;">
<!--all index pages-->
</b:if>

Página de Arquivo | Archive page


<b:if cond='data:blog.pageType == "archive"'>
<!--archive page-->
</b:if>

Página de Erro (404) | Error Page (404)


<b:if cond="data:blog.pageType == &quot;error_page&quot;">
<!--all error pages-->
</b:if>

Página de Itens (Posts) | Item Post Pages


<b:if cond="data:blog.pageType == &quot;item&quot;">
<!--all item pages-->
</b:if>

Página de Post Específico por URL | Specific Post by URL


<b:if cond="data:blog.url == data:blog.canonicalHomepageUrl + &quot;2020/09/foo.html&quot;"> 
<!--an item page from september 2020 with post-title 'foo'-->
</b:if>

Página de Etiquetas | Label Pages


<b:if cond="data:blog.searchLabel">
<!--all label pages-->
</b:if>

Página de Etiqueta Específica | Specific Label Page


<b:if cond="data:blog.searchLabel == &quot;foo&quot;">
<!--for label 'foo'-->
</b:if>

Página de Pesquisa | Search Page


<b:if cond="data:blog.searchQuery">
<!--all search pages-->
</b:if>

Página de Pesquisa Específica | Specific Search Query Page


<b:if cond="data:blog.searchQuery == &quot;foo&quot;">
<!--for query 'foo'-->
</b:if>

Página Estática | Static Page


<b:if cond="data:blog.pageType == &quot;static_page&quot;">
<!--all static pages-->
</b:if>

Página Estática por URL | Specific Static page by URL


<b:if cond="data:blog.url == data:blog.canonicalHomepageUrl + &quot;p/foo.html&quot;"> 
<!--a specific static page with name 'foo'-->
</b:if>

E | AND


<b:if cond="data:blog.pageType == &quot;index&quot;">
<b:if cond="data:blog.searchQuery">
<!--search page AND index page-->
</b:if>
</b:if>

OU | OR


<b:if cond="data:blog.url == data:blog.canonicalHomepageUrl + &quot;p/foo.html&quot;"> 
<!--static_site foo OR static site bar-->
<b:else>
<b:if cond="data:blog.url == data:blog.canonicalHomepageUrl + &quot;p/bar.htm&quot;"> 
<!--static_site foo OR static site bar-->
</b:if>
</b:else></b:if>

NÃO | NOT


<b:if cond="data:blog.pageType != &quot;item&quot;">
<!--all pages except item pages-->
</b:if>

<b:if cond="data:blog.url != data:blog.homepageUrl"> 
<!--all pages but NOT homepage-->

Exemplos de como usar as Tags

Para aplicar a Tag Condicional a um conteúdo específico basta colocar o conteúdo entre a condição de abertura do IF <b:if cond=""> e a condição de fecho </b:if>.

No exemplo abaixo, o conteúdo surge em todas as páginas de posts do blogue:

<b:if cond="data:blog.pageType == &quot;item&quot;">
# Este conteúdo é executado se a condição IF for Verdadeira
</b:if>
Se a condição IF for falsa, podemos declarar um conteúdo alternativo, usando a condição <b:else>: que funciona como um operador OU (OR):

<b:if cond="data:blog.pageType == &quot;item&quot;">
# Este conteúdo é executado se a condição IF for Verdadeira
# Ex.: Página de Itens (Posts)
<b:else>
# Este conteúdo é executado se a condição IF for Falsa
# Ex.: Não é uma Página de Itens (Posts)
</b:else></b:if>
Artigo anterior Artigo seguinte
Sem comentários
Comentar
url comentário

Pesquisa Google