Ce tutoriel est le douzième d’une série d’articles sur la création d’un thème pour Wordpress de A à Z. Si vous prenez le train en cours, je vous conseille fortement de commencer par le premier tutoriel de la série.
Aujourd’hui, on va terminer notre sidebar en y ajoutant les éléments suivants:
- Les archives,
- la blogroll,
- les données Méta,
- les liens vers les flux RSS (articles et commentaires)
Ces ajouts vont être relativement simples puisqu’il ne va s’agir que d’ajouter des template tags aux bons endroits.
1. Les Archives
Commençons par les archives. Généralement, celles-ci sont proposées mensuellement. Vous pouvez donc aller voir tous les articles, “triés” par mois. Pour afficher ces archives, on va ajouter le code suivant, sous la liste des pages, toujours dans notre template sidebar.php. Cette insertion se fait de la même manière que pour les catégories, vu dans le tutoriel précédent.
<li><h2>Archives</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>On a créé une nouvelle ligne pour la liste de notre sidebar, mais on a également créé une nouvelle liste à l’intérieur de la première pour pouvoir faire apparaître les différents mois d’archives sous forme de liste. Ici, on appelle la fonction “wp_get_archives”, que l’on va afficher par mois, d’où le “type=monthly”. Enregistrez votre fichier et rafraîchissez votre navigateur. Les archives apparaîssent maintenant sous les différentes pages du blog.
2. La blogroll
On va maintenant afficher la fameuse “blogroll” du blog. La blogroll, c’est une sorte de liste de sites que vous visitez ou que vous aimez bien. C’est un peu vos amis ! 
Pour intégrer cette blogroll, rien de plus simple, il vous faut ajouter la ligne de code suivante sous les archives:
<?php get_links_list(); ?>Ici, pas besoin de créer une ligne ou une “sous-liste”, tout est déjà prévu par Wordpress. Appeler la fonction “get_links_list” va automatiquement créer une liste, puisque c’est une liste qu’on appelle…Enregistrez votre fichier et rafraîchissez votre navigateur. La blogroll apparaît maintenant sous les archives.
3. Les infos Méta et les liens de validation
Les infos “Méta”, c’est ce qui va vous permettre de vous “logger” à votre blog directement à partir de la homepage. C’est également là que vous pourrez vous “délogger”. Je n’ai encore jamais utilisé ces liens, mais bon, c’est dans le standard, et peut-être que certains d’entre vous les utilisent !! Avec ces infos “méta”, on va ajouter les différents liens pour la validation de votre page web au niveau du XHTML. On va également y inclure un lien vers Wordpress et son homologue francophone. Je vous rassure, vous n’êtes pas obligé de tout mettre !! 
Voici donc le code à insérer:
<li><h2>Infos Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML valide</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="http://wordpress-fr.net/" title="Communauté française de WordPress et WPmu.">WordPress Francophone</a></li>
<?php wp_meta(); ?>
</ul>
</li>
On a créé un titre pour nos infos “Méta”, puis on a créé une “sous-liste” pour nos différentes infos. Sur la première ligne, on appelle la fonction “wp_register” qui permet de se connecter au blog via sa homepage (pas de ligne de liste ici, elle est automatiquement généré par le template tag. En dessous, on appelle la fonction “wp_loginout” qui permet de se déconnecter le cas échéant. Ensuite, on a les différents liens dont je vous ai parlé plus haut et enfin la fonction “wp_meta”, qui n’est pas utilisé mais qui doit être présente dans le template.
Enregistrez votre fichier et rafraîchissez votre navigateur. Les infos Méta apparaîssent maintenant sous la blogroll.
4. Les flux RSS
On va terminer notre sidebar avec les flux RSS. On va insérer ici le lien vers le flux RSS des billets, mais aussi celui vers les commentaires du blog. Insérez donc ces quelques lignes de code sous celles des infos Méta:
<li><h2>Abonnez-vous au blog !</h2>
<ul>
<li><a href="<?php bloginfo('rss2_url'); ?>" title="Flux RSS des articles">Flux RSS des articles</a></li>
<li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="Flux RSS des commentaires">Flux RSS des commentaires</a></li>
</ul>
</li>
On crée un titre pour notre ligne de la liste de la sidebar. Ici, j’ai mis “abonnez-vous au blog!”, mais vous pouvez très bien mettre ce que vous souhaitez ! On crée une nouvelle “sous-liste” ici. Sur la première ligne, on va appeler le flux RSS des billets (”bloginfo(’rss2_url’)) et sur la deuxième ligne, les commentaires en flux RSS (bloginfo(’comments_rss2_url’)).
Enregistrez votre fichier et rafraîchissez votre navigateur. Les liens vers les flux RSS apparaîssent maintenant sous les infos Meta
Notre sidebar est à présent terminée !! Demain, je vous expliquerai comment “widgetiser” votre sidebar pour que votre thème soit utilisable avec la denière version de Wordpress !
Tutoriel n°13: “widgetisez votre sidebar !”
Fran6
![[]](http://m3.moostik.net/img/?pseudo=fran6art&option=invisible)
Hey Fran6 je cherche mais je trouve pas quel template tags ajouter a ma side bar pour ajouter les dernier commentaires merci et bonne continuation pour tes tuto
C’est peut-être parce que c’est un plugin !
http://meidell.dk/archives/cat.....-comments/
Merci je regarderait en rentrant car la je suis au lycée
Ps: fran6art.com sur IE 6 c’est vraiment laid…Lol
Qu’est-ce qui est vraiment laid ??
bah en faite tout les image transparente elle sont crise et tout le bas du blog (ou il y a tes lien pi tout pi tout )bah elle déconne je te ferait un imprim écran si sa te perturbe d’avoir un site qui passe pas sur IE6 …
(pour rerentré dans le thème du post) A quand le prochain tuto ?
Bonjour Fran6 !
Merci beaucoup pour le tuto très bien fait, que je suis à la lettre ! J’aimerai savoir comment ajouter une deuxième sidebar à droite de celle ci (comme il y a sur ton blog en fait.)
Merci !
Noemi > Tu trouveras tout ici: http://www.fran6art.com/2007/0.....e-sidebar/
Salut fran6
Je sais que tu es très occupé pour l’instant, mais j’aimerais savoir comment afficher les derniers articles dans ma sidebar ???
Merci d’avance et bon boulot
Thomas > il faut mettre ton flux RSS dans la sidebar avec ce genre de tag :
<?php bloginfo('rss2_url'); ?>Merci Fran6 je vais tester ça tout à l’heure.
Bon boulot à toi
Fran6, j’ai placé le code que tu m’as donné ci-dessus mais je n’obtiens qu’un lien vers le flux rss de mes articles, or je voudrais que s’affiche uniquement les titres de mes derniers articles dans ma sidebar.
Je me suis peut-être mal exprimé, ou je n’ai pas fait correctement quelque chose ….
Merci d’avance
Pas de soucis Thomas !
Tu utilises les widgets ou la sidebar version standard ?
La version standard
Utilises ce genre de plugin:
http://rmarsh.com/plugins/recent-posts/
C’est la solution la plus simple je pense…
Merci pour le plugin
En faisant une recherche j’ai aussi trouvé ce code :
Je pense que ça peut marcher aussi non ?
Oupss sorry lol
voici le code :
…. sniff
Pas de soucis, envoies moi le via le formulaire de contact. Mais je pense que le plugin sera ce qu’il y a de plus simple à gérer.
Salut Fran6,
je suit ton blog depuis un mois environ, et j’en suis très satisfait, de ce que je trouve dessus. Pour mon prochain site qui sort dans 21 jours, j’ai cherché pas mal de thèmes, mais bon, je n’arrive pas à trouvais ce que je cherche.
Je me lance donc dans mon premier thème ou suivra mes améliorations au fil du temps, comme pour une deuxieme slidebar ou des slidebar widgetisable.
Néanmoins, cette slidebar pose problème. Autant le formulaire de recherche se place dessus, autant le flux RSS n’apparait pas. Par ailleurs, sans rien faire, j’ai déjà Méta, Archives, Blogolistes, Pages et catégories. Pourquoi ? et pourquoi je ne peux pas rajouté autres choses?
Le thème est réalisé sous WP2.3.3, le site lui sur WP 2.5, cela ne changera pas grand chose de toute façon.
Merci de ton aide !
C’est bon, j’ai corrigé mon problème
Salut, dans ton tuto tu n’as pas parler des codes pour avoir les derniers articles et les derniers commentaires, or j’en ai besoin car je souhaite les placer dans une autre sidebar que j’aurais créé, et je ne pense pas que cette dernière sera widgetable pour me facilité la tâche et aussi pour imposer une certaine “rigueur” a mon thème.
De plus, est ce que un thème widgetable de base peut être désactivé du panneaux de controle des widget pour qu’il ne puisse plus étre activé ??
Bonjour, est il possible de changer le contenu de la sidebarre entre l’index.php et le single.php?
Merci d’avance
UP … Dsl mais c’est important pour moi…
theau87 > Oui, il faut que tu crées un template pour la sidebar de tes articles, du style sidebarsingle.php et tu y mets ton contenu. Ensuite, tu l’appelles via ce type de requête:
php include(TEMPLATEPATH . ‘/sidebarsingle.php’);
bon courage !
Salut Fran6,
J’ai une question concernant la “blogroll”. Disons que je suis un peu chipoteur, et que j’ai tendance à considérer (à tort ou a raison, tu me le diras) qu’au niveau référencement, le titre de mon article (h2) est plus important que les sections blogroll, que tu as choisi de mettre en h2.
J’ai donc fait les modifications nécessaires pour les passer en h3, mais l’élément “blogroll” coince, il est vérouillé par la ligne de code
en H2.Connaitrais-tu par hasard un moyen, qui, sans toucher au core, et sans développer un plugin de st_replace, permette de passer ce titre en h2.
Du reste, encore merci !
Bastien > il existe peut-être un plugin pour ça, je ne sais pas trop… Mais ta question soulève un point intéressant: y a-t-il encore une différence au niveau du référencement pour ce qui est du niveau des titres ?? Je pense que oui mais je ne crois pas que ce soit déterminant, ou tout du moins que ça vienne donner moins de valeur à ton titre car il est d’autres possibilités de “se faire remarquer” !
@Fran6 : mer6 ;-), je creuse et je reviens si je trouve !
Salut je suis en train de faire tout ton tuto qui est vraiment super!!!
Je tien juste avoir ton aide pour un point qui m’intrigue! J’ai suivis se que tu as fait pour sidebar ainsi que pour l’affichage des information de l’article. Et là je constate un différence entre FF et IE7. La différence est que dans les infos meta et dans les infos de l’article il n’apparais pas edit et admin du site!!!
Vois-tu une raison ou pas???
Merci par avance de ta réponse!!
Francis,
Merci beaucoup pour les tutoriels. Aussi, grosse suggestion:laisser des imprim écrans régulières et l’ensemble des lignes récapitulatives pour chaque templates svp. Il ne manque que cela et un peu plus de détails sur où placer chaque ligne de code très précisément.
merci encore,
bien cordialement