Les balises des conditions, Blogger Conditional Tags, sont utilis�es dans le code HTML du mod�le pour indiquer aux navigateurs ce que doit �tre afficher ou cacher selon le cas.
Vous allez voir que les conditions constituent vraiment la base pour rendre votre blog dynamique, c'est-�-dire pour afficher des choses diff�rentes en fonction de type des pages, de l'auteur, du nombre de commentaires, etc.
Principe Et Syntaxe Des Balises Conditionnelles
Ces balises peuvent �tre ins�r�es aussi bien dans le code HTML du mod�le que dans une gadget HTML/Js.
D'une mani�re g�n�rale, la syntaxe (en fran�ais) est la suivante :
Si Condition = �l�ment_compar� | op�rateur de comparaison | �l�ment comparant
=>Ex�cuter cette partie
Sinon
=>Ex�cuter cette autre partie
Fin si
=>Ex�cuter cette partie
Sinon
=>Ex�cuter cette autre partie
Fin si
Exemple :
SI le type de la page est �gale � TYPE
=> Ex�cuter cette partie
SINON
=> Ex�cuter cette autre partie
Fin de condition
on peut aussi utiliser une deuxi�me condition � la place de SINON :=> Ex�cuter cette partie
SINON
=> Ex�cuter cette autre partie
Fin de condition
SI le type de la page est �gale � TYPE
=> Ex�cuter cette partie
Fin de condition1
SI le type de la page est diff�rent de TYPE
=> Ex�cuter cette autre partie
Fin de condition2
=> Ex�cuter cette partie
Fin de condition1
SI le type de la page est diff�rent de TYPE
=> Ex�cuter cette autre partie
Fin de condition2
Par exemple, si on veut afficher BONJOUR dans les pages article et BYE sur toutes les autres pages, alors en langage HTML cela donne :
<b:if cond='data:blog.pageType == "item"'>
BONJOUR
<b:else/>
BYE
</b:if>
ou encore :BONJOUR
<b:else/>
BYE
</b:if>
<b:if cond='data:blog.pageType == "item"'>
BONJOUR
</b:if>
<b:if cond='data:blog.pageType != "item"'>
BYE
</b:if>
BONJOUR
</b:if>
<b:if cond='data:blog.pageType != "item"'>
BYE
</b:if>
* � noter que la comparaison avec un autre �l�ment n'est pas obligatoire; donc s'il n'existe pas d'�l�ment comparant, la comparaison se fait selon le contenu de la donn�e.
Exemple :
<b:if cond='data:post.title'>
Cependant, la balise b:else n'est pas aussi obligatoire. Elle est utile s'il s'agit d'ex�cuter une alternative.
* L'�l�ment compar� peut �tre une donn�e Blogger, une valeur texte ou une valeur num�rique.
s'il s'agit d'une valeur texte, elle doit �tre encadr� de guillemet (' ') �chapp�s (") => Exemple : "Texte encadr�"
* Les op�rateurs de comparaison :
Voici comment comparer les donn�es dans Blogger :
| Op�rateur | Signification | Type de valeur |
| == | Est �gal � | texte ou num�rique |
| != | Est diff�rent de | texte ou num�rique |
| > | Est plus grand que | Uniquement num�rique |
| < | Est plus petit que | Uniquement num�rique |
Les Diff�rents Types De Pages Blogger Et Les Balises Conditionnelles � Utiliser
<b:if cond='data:blog.url == data:blog.homepageUrl'>
{...}
</b:if>
{...}
</b:if>
Les pages articles (message,post) ou Items
<b:if cond='data:blog.pageType == "item"'>
{...}
</b:if>
{...}
</b:if>
Les pages index : index page
Elle se r�f�re � toutes les autres pages sauf les pages articles c�d la page d'accueil, de libell�s, des archives et celle de la recherche.
<b:if cond='data:blog.pageType == "index"'>
{...}
</b:if>
{...}
</b:if>
Les pages statiques : static page
<b:if cond='data:blog.pageType == "static_page"'>
{...}
</b:if>
{...}
</b:if>
Cibler � la fois les pages articles et les pages statiques
<b:if cond='data:blog.url == data:post.url'>
{...}
</b:if>
{...}
</b:if>
Les pages de libell�s : Label page
<b:if cond='data:blog.searchLabel'>
{...}
</b:if>
{...}
</b:if>
Les pages des archives : Archive page
<b:if cond='data:blog.pageType == "archive"'>
{...}
</b:if>
{...}
</b:if>
Une page en particulier :
Il suffit d'ins�rer l'adresse URL de la page d�sir�e.
<b:if cond='data:blog.url == "URL_De_La_Page"'>
{...}
</b:if>
{...}
</b:if>
Page d'erreur 404 : Blogger error page
<b:if cond='data:blog.pageType == "error_page"'>
{...}
</b:if>
{...}
</b:if>
Le premier article ou l'article le plus r�cent du blog
<b:if cond='data:post.isFirstPost'>
La version mobile
<b:if cond='data:blog.isMobile'>
Inverser Une Condition
<b:if cond='data:blog.url != data:blog.homepageUrl'>
{...}
</b:if>
Dans l'exemple pr�c�dant le contenu va s'afficher dans toutes les pages du blog mais pas dans la page d'accueil.{...}
</b:if>
Comment utiliser les balises conditionnelles
Les conditions peuvent �tre utiliser n'importe-o� dans le code HTML, mais dans certain cas il faut les ins�rer avec soin afin d'�viter l'affichage des erreurs lors de l'enregistrement du mod�le.
Par exemple si on veut appliquer une condition sur un widget il faut la mettre entre les deux balises <b:includable id=....> et </b:includable>
Dans certaines situations il faut regrouper plusieurs conditions afin d'arriver � un r�sultat. Par exemple pour afficher un contenu dans la page d'accueil, dans les pages statiques et dans un article en particulier, il faut �crire �a :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.url == "static_page"'>
<b:if cond='data:blog.url == "URL_De_La_Page"'>
Le contenu qu'on veut l'afficher uniquement si on se trouve dans la page d'accueil ou dans une page statique ou dans l'article indiqu�.
</b:if>
</b:if>
</b:if>
N'oubliez surtout pas de fermer les conditions avec la balise </b:if> pour chaque <b:if...> us�.<b:if cond='data:blog.url == "static_page"'>
<b:if cond='data:blog.url == "URL_De_La_Page"'>
Le contenu qu'on veut l'afficher uniquement si on se trouve dans la page d'accueil ou dans une page statique ou dans l'article indiqu�.
</b:if>
</b:if>
</b:if>
0 komentar:
Posting Komentar