Dans la plupart des navigateurs actuels, comme Internet Explorer 7, Mozilla Firefox ou bien Opera, vous pouvez facilement vous abonner aux flux proposés. Par exemple, sous Firefox (3), vous n'avez qu'à cliquer sur l'icône RSS pour vous abonner au flux ou avoir la liste de tous les flux disponibles. C'est précisément sur cette liste que nous allons travailler.
Proposer plusieurs flux dans la liste
Par défaut, on a souvent une ligne de ce type dans le fichier home.html :
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="{{tpl:BlogFeedURL type="atom"}}" />
Comme on le voit, on ne propose dans la liste que les billets du blog, sans distinctions.
Préambule
J'ai choisi de mettre tous ces codes dans le _head.html pour qu'ils soient sur toutes les pages du blog, mais libre à vous de "restreindre" ceux-ci à home.html.
Dans l'exemple de base donné plus haut, le flux n'est pas nommé
(title="Atom 1.0"
), ce qui à mon sens n'est pas très
professionnel. Je ferais en sorte de nommer les flux via le système de
templates ({{tpl: lang}}
) mais ceux-ci ne permettent pas de tout
faire. Si vous êtes accro aux templates, suivez cet autre tips cet autre tips pour rajouter des traductions aux thèmes.
Proposer le flux des billets ET des commentaires
Premier travail, nous allons proposer le flux des commentaires en plus de celui des billets.
<link rel="alternate" title="Flux Atom des billets" type="application/atom+xml" href="{{tpl:BlogFeedURL type="atom"}}"/> <link rel="alternate" title="Flux Atom des commentaires" type="application/atom+xml" href="{{tpl:BlogFeedURL type="atom"}}/comments"/>
Avec ce code, vous avez enfin la liste avec le choix des deux flux. Mais nous pouvons aller plus loin.
Proposer les flux de chaque catégorie
Si vous voulez proposer les flux de chaque catégorie, vous pouvez prendre ce code :
<tpl:Categories level="1"> <link rel="alternate" title="Flux Atom de la catégorie : {{tpl:CategoryTitle encode_html="1"}}" type="application/atom+xml" href="{{tpl:CategoryFeedURL type="atom"}}"/> </tpl:Categories>
Ici, seules les catégories de premier niveau (donc PAS les sous catégories) sont concernés, vous pouvez changer cela en effaçant le level="1" du <tpl:Catégories>.
Avec ces deux codes, vos internautes auront le choix des flux !
Proposer le flux des commentaires du billet affiché
Dernier code intéressant, il permet de proposer le flux des commentaires du billet quand on lit celui-ci.
<tpl:SysIf current_tpl="post.html"> <link rel="alternate" type="application/atom+xml" title="Flux Atom des commentaires de ce billet" href="{{tpl:BlogFeedURL type="atom"}}/comments/{{tpl:EntryID}}" > </tpl:SysIf>
Si vous voulez voir un exemple de tous ces codes, vous pouvez vous rendre sur cette page.
Rajouter les liens Atom pour les commentaires, tags et catégories
Si vous voulez continuer dans le Atom à outrance, voici des liens à rajouter pour proposer vos flux adaptés. Les icones que j'ai utilisées était distribuées avec le thème Freshy2.
Flux Atom des commentaires du billet
Ne fonctionne que si le billet a un commentaire
<tpl:EntryIf show_comments="1"> <a href="{{tpl:EntryURL}}#comments" class="comment_count" title="{{tpl:EntryCommentCount}}">{{tpl:EntryCommentCount}}</a> </tpl:EntryIf> <tpl:EntryIf has_comment="1"> <a href="{{tpl:BlogFeedURL type="atom"}}/comments/{{tpl:EntryID}}" title="Flux Atom des commentaires de ce billet"> <img alt="Flux Atom des commentaires de ce billet}}" title="Flux Atom des commentaires de ce billet}}" src="{{tpl:BlogThemeURL}}/images/icons/feed-icon-10x10.gif" /></a> </tpl:EntryIf>
Flux Atom de la catégorie du billet
Ce code est issu de mon blog, ne copiez que la deuxième partie si vous ne voulez que l'icône.
<tpl:EntryIf has_category="1"> <strong>{{tpl:lang Category}}</strong><br /> <tpl:EntryCategoriesBreadcrumb><a href="{{tpl:CategoryURL}}">{{tpl:CategoryTitle encode_html="1"}}</a>›</tpl:EntryCategoriesBreadcrumb><a href="{{tpl:EntryCategoryURL}}">{{tpl:EntryCategory encode_html="1"}}</a> <a href="{{tpl:BlogURL}}feed/category/{{tpl:EntryCategoryShortURL}}/atom" title="Flux Atom de la catégorie {{tpl:EntryCategory}}"> <img alt="Flux Atom de la catégorie {{tpl:EntryCategory}}}}" title="Flux Atom de la catégorie {{tpl:EntryCategory}}}}" src="{{tpl:BlogThemeURL}}/images/icons/feed-icon-10x10.gif" /></a> </tpl:EntryIf>
Flux Atom des tags du billet
Idem que pour plus haut, gardez la partie intéressante si vous ne voulez pas retoucher le reste du code.
<tpl:EntryTags> <tpl:TagsHeader><strong><br />{{tpl:lang Tags}}</strong><br /></tpl:TagsHeader> <a href="{{tpl:TagURL}}">{{tpl:TagID}}</a> <a href="{{tpl:TagFeedURL}}" title="Flux Atom du tag {{tpl:TagID}}"> <img alt="Flux Atom du tag {{tpl:TagID}}" title="Flux Atom du tag {{tpl:TagID}}" src="{{tpl:BlogThemeURL}}/images/icons/feed-icon-10x10.gif" /></a><tpl:LoopPosition start="1" length="-1">, </tpl:LoopPosition> </tpl:EntryTags>
Conclusion
Avec tous ces flux et icônes pour y accéder, personne ne loupera plus les derniers rebondissement de votre site ! N'hesitez pas à laisser un commentaire sur ce tips si vous voulez corriger un code ou demander des explications.
Commentaires
Hello
Le lien "cet autre tips" dans le paragraphe "Préambule" est brisé : il manque l'accent de "thème" pour avoir la bonne adresse :
http://tips.dotaddict.org/fiche/Ajo...
Bonjour,
Merci pour le signalement, c'est corrigé.
Le lien dans la phrase "Si vous voulez voir un exemple de tous ces codes, vous pouvez vous rendre sur cette page" est brisé aussi ;)