via FeedBurner
« Personnalisez les éléments des colonnes sans (trop) intervenir dans le code | Page d'accueil | Un lecteur personnalisé pour diffuser vos MP3 sur votre blog »
10
oct
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 »</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 »{/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
21:55
Ecrit par
Gee Mee [?] |
Lien permanent
|
Commentaires (5)
| Courriel
| Impression
| Partage
Dans : Configuration avancée, Personnaliser son blog |
Tags : personnaliser, hautetfort, template, module, notes récentes, archives
Trackbacks
Voici l'URL pour faire un trackback sur cette note : http://geemee.hautetfort.com/trackback/1999583
Commentaires
Ecrit par : gicerilla [?] | 17.01.2009 » Répondre
Ecrit par : Gee Mee [?] | 17.01.2009 » Répondre
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.
Ecrit par : See Mee [?] | 12.10.2009 » Répondre
Ecrit par : Gee Mee [?] | 12.10.2009
Ecrit par : Gicerilla [?] | 17.10.2009 » Répondre
Ecrire un commentaire