Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

10.10.2009

Changer l'affichage des dernières notes

Personnalisons l'affichage du module "Notes récentes", en modifiant le nom du module, le nombre d'items, en précisant la date de publication, et en finissant par un lien avec les archives. Et tout ça en une note (mise à jour d'une note déjà révisée le 2 avril 2009).

La mise à jour de la note consacrée à la personnalisation des éléments de colonne m'a obligé à revoir celle-ci pour vous proposer un code "facilement" exploitable, et légèrement modifié. J'espère que c'est maintenant le cas.


Mais où est passé "Notes récentes" ?

Sur ce blog, effectivement, il n'y en a plus. On trouve à l'emplacement qui était le sien, un module nommé "Denières notes", qui affiche les 8 dernières notes, datées, et propose un accès aux archives.

J'ai dû chercher le code dans le modèle de page de la colonne où il était installé, pour trouver quelque chose comme :


{posts assign="post" lastn="10"} {if $post.first}
<div id="box-recentposts" class="box-decorator1"><div class="box-decorator2"><div class="box-decorator3"> <div class="decorator1">
<div class="decorator2"><h2>{t}Recent Posts{/t}</h2></div></div> <div class="boxcontent-decorator1"><div class="boxcontent-decorator2"><div class="boxcontent-decorator3"> <ul>{/if} <li><a href="{$post.permalink}">{$post.title|truncate:50:"..."}</a></li> {if $post.last}</ul> </div></div></div> </div></div></div>{/if} {/posts}

Pour ne garder que le code utile, il faut le débarasser des instructions de mise en forme :

{posts assign="post" lastn="10"}
{if $post.first} <ul>{/if}
<li><a href="{$post.permalink}">{$post.title|truncate:50:"..."}</a></li>
{if $post.last}</ul> {/if} {/posts}

La mention {t}Recent Posts{/t} correspondait au nom du module. Si vous ne voyez pas "Recent Posts" sur votre blog, mais "Notes récentes", c'est que la plateforme Hautetfort interprète cette mention, qui est une mention par défaut. Je l'ai retiré du code, car nous utiliserons le nom de l'élément de colonne, en l'occurence "Dernières notes".

La mention lastn="10" indique le nombre de dernières notes affichées, il suffira de modifier le chiffre.

La mention {$post.title|truncate:50:"..."} indique que le titre de la note sera tronqué au... 40ème caractère du titre, car une dizaine des caractères de code Html qui précèdent sont pris en compte. Pour en savoir plus...


Comment introduire la date de publication ?

Pour la nouveauté de cette mise à jour, nous ferons appel à l'instruction suivante, issue de l'analyse du code de modèle de page.

{$post.pubdate|date_format:"%d %b"}

Pour en savoir plus sur les différents formats de date possible, je vous conseille la lecture de :
Modifier le format d'affichage de la date
Modifier le format d'affichage de la date d'une note en la passant sur deux lignes


Comment afficher le titre in-extenso dans une infobulle ?

Il suffit d'ajouter le paramètre "title" au lien hypertexte sans préciser de troncature.

<a href="{$post.permalink}" title="{$post.title}">{$post.title|truncate:80:"..."}</a> </li>


Comment créer un lien vers les archives ?

Nous modifierons le code de la fin de la liste, en ajoutant un court texte auquel nous attribuerons un lien hypertexte.

{if $post.last} <li>
<a href="{$blog.url}archives/"><b>Toutes les notes &#0187;</b></a>
</li> </ul>  {/if} {/posts}


Le code de l'élément de colonne est désormais le suivant :

{posts assign="post" lastn="8"} {if $post.first} <ul>{/if}
<li>{$post.pubdate|date_format:"%d %b"} : <a href="{$post.permalink}" title="{$post.title}">{$post.title|truncate:80:"..."}</a> </li>
{if $post.last} <li> <a href="{$blog.url}archives/"><b>{t}Toutes les notes &#0187;{/t}</b></a>
</li> </ul>  {/if} {/posts}

Vous n'avez plus qu'à copier ce code et le coller dans un élément de colonne comme expliqué dans : Personnalisez les éléments de colonne sans (trop) intervenir dans le code.

Première publication : 16/01/2009

Commentaires

Décidément, vous êtes une sorte d'encyclopédie ! Moi, j'ai carrément besoin de Rased sur ce coup-là ! Euh; vous donnez pas des cours à domicile vous ? :-)

Écrit par : gicerilla | 17.01.2009

Répondre à ce commentaire

C'est gentil Gicerilla, mais la flatterie ne vous mènera à rien. Quoique. Virtuellement tout est possible ;-)

Écrit par : Gee Mee | 17.01.2009

Répondre à ce commentaire

Coucou Gicerilla !
J'en profite que tu sois de passage ici pour t'inviter à visiter mon blog (je peux hein Gee Mee ?). Peut-être même auras-tu envie de participer au jeu que j'organise ? Et dernière chose, je t'ai fait mettre dans la liste du concours des blogs littéraires chez Frichtre : http://frichtre.wordpress.com/2009/10/03/prixfrichtre/

Euh, merci Gee Mee pour l'espace de conversation ! Bises à tous les deux.

Écrit par : See Mee | 12.10.2009

Répondre à ce commentaire

You're welcome ! Cela étant, tu t'es laissée abuser par un commentaire du mois de janvier dernier. Je transmets la commission ;-)

Écrit par : Gee Mee | 12.10.2009

Coucou SeeMee, il n'est jamais trop tard, hein ! Merci de m'avoir fait participer mais je crains ne pas présenter toutes les qualités requises pour le concours de Fichtre. Nous verrons bien. En attendant, c'est avec plaisir que je participerai à votre jeu. J'aime bien les jeux même si je ne suis pas douée très souvent :-)

Écrit par : Gicerilla | 17.10.2009

Répondre à ce commentaire

Les commentaires sont fermés.