Lier des pages les unes aux autres dans DC2
Lors de la rédaction du manuel d’utilisation de l’extension Gallery pour Dotclear2, je voulais que ça ressemble un peu à un livre, avec des chapitres un sommaire. J’avais dans un premier temps à la fin de chaque page ajouté à la main dans le contenu des liens avec l’adresse de la page précédente, du sommaire et de la page suivante. Ce n’était pas très beau et si je voulais que la présentation soit sympa il fallait ajouter des balises html dans le contenu, du coup c’était trop chiant.
Heureusement le grand Dsls est la (oui je sais encore lui, promis mon blog ne va pas parler que de lui). Avec son extension MyMeta il est possible de faire plein de chose. Et je vous propose ma petite solution.
Tout d’abord il faut installer l’extension, donc la on se dirige sur dotaddict.org et on l’install (vous savez faire maintenant j’en suis sur)
ID Type Invite previous_page_title string Titre page précédente previous_page_link string Lien page précédente summary_title string Titre du sommaire summary_link string Lien vers le sommaire next_page_title string Titre page suivante next_page_link string Lien page suivante
Ensuite dans votre thème editer le fichier page.html, si vous ne l’avez pas copier le du thème par defaut et ajouter ce qui suit la ou vous voudrez voir apparaitre les liens.
<div class="navigue_page">
<div class="prev_page">
<tpl:MyMetaIf type="previous_page_title" defined="true"/>
<a href="{{tpl:MyMetaValue type="previous_page_link"}}">{{tpl:MyMetaValue type="previous_page_title"}}</a>
</tpl:MyMetaIf>
<tpl:MyMetaIf type="previous_page_title" defined="false"/>
</tpl:MyMetaIf>
</div>
<div class="summary">
<tpl:MyMetaIf type="summary_title" defined="true"/>
<a href="{{tpl:MyMetaValue type="summary_link"}}">{{tpl:MyMetaValue type="summary_title"}}</a>
</tpl:MyMetaIf>
<tpl:MyMetaIf type="summary_title" defined="false"/>
</tpl:MyMetaIf>
</div>
<div class="next_page">
<tpl:MyMetaIf type="next_page_title" defined="true"/>
<a href="{{tpl:MyMetaValue type="next_page_link"}}">{{tpl:MyMetaValue type="next_page_title"}}</a>
</tpl:MyMetaIf>
<tpl:MyMetaIf type="next_page_title" defined="false"/>
</tpl:MyMetaIf>
</div>
</div>
Et pour finir dans votre feuille CSS :
.navigue_page{
text-align: center;
}
.prev_page{
text-align : left;
float:left;
width: 33%;
}
.summary{
width:33%;
float:left;
}
.next_page{
text-align : right;
}
Ensuite il ne reste plus qu’a utiliser tout ça. Commencer par rédiger une page vous verrez en haut de la page 6 lignes, c’est grâce à ses lignes que vous verrez apparaitre les liens dans votre page permettant de pointer vers une autre page. Pour mieux comprendre ce que vous devez mettre voici une petite illustration

Et pour voir ce que ça donne il vous suffit de parcourir le manuel d’utilisation de l’extension gallery, tout les liens en bas de page sont rédigé de cette manière.