29.09.2009
Afficher les gravatars des auteurs de commentaire en mosaïque dans un élement de colonne
Je vous propose un gadget inutile et donc indispensable visible dans la colonne, à ce niveau là.
Il suffit de récupérer le code ci-dessous pour que cela fonctionne, mais vous aurez peut-être des ajustements à faire dans votre feuille de styles.
Évidemment ce module a des défauts. Il affichera les gravatars des commentaires, et peut tout à fait afficher la même image 16 fois de suite. Il ne passe pas à un autre dès qu'il a déjà affiché un auteur. Et puis la taille du gravatar se règle dans l'administration, pour tout le blog. Il faudra donc trouver le bon équilibre entre commentaires et colonne.
L'idée consiste à récupérer le code présent dans la page "lien permanent", pour appeler l'affichage du gravatar, puis de l'insérer dans le code d'affichage des commentaires habituellement utilisé dans les éléments de colonne.
Dans la page lien permanent, vous devriez trouver quelque chose comme
<p id="c{$comment.id}">{if $blog.blog_comment_gravatar}{$comment.email|gravatar:$blog.blog_comment_gravatar}{/if}{$comment.source}</p>
L'affichage est conditionné à l'activation de la fonctionnalité, on vérifie donc {if...
puis on affiche (le cas échéant) le gravatar {$comment.email|gravatar:$blog.blog_comment_gravatar}
fin de la condition {/if}
et on affiche le texte du commentaire.
Ce qui nous intéresse est surligné.
Le code de mon élément de colonne "commentaires récents" étant déjà personnalisé (il s'appelle d'ailleurs "À propos de...") une analyse approfondie n'est pas opportune pour l'instant. Je me contenterai d'expliquer le code de l'élément personnalisé une fois terminé.
- On ouvre le module "commentaires récents", et on en demande 15
{comments assign="comment" lastn="15" posts="posts"}
- On ouvre le lien hypertexte vers le commentaire
<a href="{$comment.permalink}#c{$comment.id}"
- On attribue un titre, une infobulle à ce lien, qui sera composé du nom de l'auteur (tronqué à 50 caractères)
title="{$comment.authorname|truncate:50:'... '}
- On ajoute sur puis le titre de la note commentée (tronqué à 150 caractères)
sur {$comment.post|truncate:150:'... '}">
- On affiche le gravatar, et on ferme le lien
{$comment.email|gravatar:$blog.blog_comment_gravatar}</a>
- On ferme le module.
{/comments}
Si vous voulez installer ce module :
Copiez le code ci-dessous :
{comments assign=" lastn="15" posts="posts" href="http://www.hautetfort.com/admin/posts/{$comment.permalink}#c{$comment.id}" title="{$comment.authorname|truncate:50:'... '} sur {$comment.post|truncate:150:'... '}">{$comment.email|gravatar:$blog.blog_comment_gravatar}</a>{/comments}
Puis allez dans l'interface d'administration, dans le contenu des colonnes, ajouter un élément personnalisé, "Ajouter un élément texte". Oui je sais cela peut surprendre. Mais si voulez que le code Hautetfort soit correctement interprété, vous ne devez pas utiliser "Ajouter le code HTML / Javascript".
Donnez un titre à l'élément. "Commentateurs" n'est pas forcément le plus heureux. "Graves avatars" ?
Demandez l'affichage du nom, et centrez le contenu de l'élément.
Enregistrez, ajoutez à droite ou à gauche, puis validez la postion de l'élément avant d'enregistrer les modifications.
En vous souhaitant d'avoir la mosaïque la plus variée possible...
16:13
Ecrit par
Gee Mee (Webmaster) |
Lien permanent
|
Commentaires (7)
| Courriel
| Partage
?
Dans : Personnaliser son blog
|
Tags : afficher
, gravatar
, auteur
, commentaire
, colonne
Trackbacks
Voici l'URL pour faire un trackback sur cette note : http://geemee.hautetfort.com/trackback/2394014
Commentaires
Écrit par : Bougrenette | 29.09.2009
Répondre à ce commentaireBon sinon on va vite voir qui sont les groupies de Gee Mee avec cette mosaïque d'avatars !
Écrit par : See Mee | 29.09.2009
@ See Mee : On va surtout voir que je n'ai pas de groupies... Juste de fidèles lectrices ? Puissent-elles continuer de commenter sans faire aumône.
Écrit par : Gee Mee | 30.09.2009
Écrit par : Océane | 30.09.2009
Répondre à ce commentaire(Honi soit, etc.)
Écrit par : Gee Mee | 01.10.2009
Écrit par : Océane | 05.10.2009
Répondre à ce commentaireÉcrit par : Gee Mee | 05.10.2009
Écrire un commentaire
NB : Les commentaires de ce blog sont modérés.