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.

17.05.2009

Modifier le pied de note, avec ou sans les mains.

[Màj] Dans la terminologie locale, le pied de la note est la ligne habituellement constituée de la mention de la date de publication, et du nombre de commentaires, entre autres choses. Vous pouvez le modifier en semi-automatique, et en manuel avec la configuration avancée.


Changez de pied sans les mains


HF_tableau-de-bord_generalites.jpgDans l'interface d'administration, allez dans Tableau de bord, puis Généralités. Sous Propriétés d'affichage, vous trouverez Pied de la note avec la mention des éléments déjà affichés, et le mot Configurer.
Si vous cliquez, tous les éléments disponibles sont proposés, et il ne vous reste plus qu'à cocher tous ceux qui vous intéressent, ainsi que les services 2.0 Si c'est la première fois que vous en entendez parler, sachez que "Add This" permet d'afficher un bouton qui lui même permettra d'utiliser la plupart des services de partage. C'est facile et sans risque de les ajouter, de les retirer, n'ayez pas peur d'essayer.

HF_tableau-de-bord_generalites_pied-de-la-note.jpgLes quelques lignes qui précèdent ne sont pas seulement destinées aux néophytes. Ceux qui sont en configuration avancée, et s'apprêtent à mettre les mains dans le code doivent d'abord passer par ce configurateur et cliquer sur "Enregistrer" au moins une fois pour voir apparaître le pied de la note dans les modèles.


Changez de pied à la main

Dans la configuration avancée, vous trouverez le pied de la note en bas de la liste, après Antispam et newsletter. Si vous ne le voyez pas encore, il vous faut lire le paragraphe précédent.

Tout comme le code du modèle d'une colonne dépendra des éléments que vous avez choisi dans "Contenu des colonnes", le code du pied de la note dépendra de vos choix dans le configurateur. S'il vous manque quelque chose, il est temps d'y revenir avant de le modifier. Si vous passez par le configurateur après avoir modifié le pied de note, vous perdrez votre code personnel. Vous ne pouvez pas sauvegarder des éléments comme pour une colonne, alors gérez soigneusement vos sauvegardes. Vous pourriez éventuellement créer une note qui restera en brouillon pour conserver vos différentes versions de pied de note.


Voilà un exemple de code

Il correspond à la capture ci-dessus. Tous les éléments sauf le trackback et seulement "Add this" en service 2.0

{$post.pubdate|date_format:"`$blog.time_format`"} {t}Posted by{/t} {$post.user|authorname} {if $post.categories}{t}in{/t} {foreach name="categories" from=$post.categories item="cat"}
<a href="{$cat.url}">{$cat.name}</a>{if !$smarty.foreach.categories.last}, {/if}
{/foreach} {/if} | <a href="{$post.post_permalink}" id="a{$post.iteration}">{t}Permalink{/t}</a> {if $post.allowcomments!=1} | <a href="{$post.post_permalink}#comments">{t}Comments{/t} ({$post.commentcount})</a> {/if} | {if $blog.blog_type neq 'photoblog'}
<a href="javascript:void(0)" onclick="toggle_emailthis('div_send{$post.post_id}',{$post.post_id});">{t}Email this{/t}</a>
{/if}
{tags post="`$post.post_id`" assign="tag"}{if $tag.first} | {t}Tags:{/t}{/if} <a href="{$blog.url}tag/{$tag.name|urlencode|replace:"%2F":"/"}">{$tag.name}</a>{if !$tag.last}, {/if}{/tags} | <!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'blogspirit';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '{$post.post_permalink|urlencode}', '{$post.post_title|urlencode}')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-addthis.gif" alt="" style="height:16px;border:none;vertical-align:text-bottom; "/></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->

Vous aurez déjà remarqué que ce code ne correspond pas au pied de note actuellement en vigueur. Vous le trouverez in extenso plus bas, mais d'abord quelques explications.

 

{$post.pubdate|date_format:"`$blog.time_format`"} {t}Posted by{/t} {$post.user|authorname}

Ici on donne l'heure de publication de la note, puis la mention "Posted By" traduite par "Ecrit par" et l'appel de l'auteur de la note.

 

{if $post.categories}{t}in{/t} {foreach name="categories" from=$post.categories item="cat"}
<a href="{$cat.url}">{$cat.name}</a>{if !$smarty.foreach.categories.last}, {/if}
{/foreach} {/if}

Si la note a été rattachée à au moins une catégorie, c'est ici que l'on commande l'affichage. Le "in" est traduit par "dans", {$cat.name} appelle le nom de la catégorie et {$cat.url} donne l'adresse pour le lien hypertexte.

 

| <a href="{$post.post_permalink}" id="a{$post.iteration}">{t}Permalink{/t}</a>

Ici l'on commande l'affichage de "Lien permanent" avec le lien hypertexte

 

{if $post.allowcomments!=1} | <a href="{$post.post_permalink}#comments">{t}Comments{/t} ({$post.commentcount})</a> {/if} *

Si les commentaires sont ouverts, on commande ici l'affichage de la mention "commentaires" avec le nombre de commentaires déjà publiés.

 

| {if $blog.blog_type neq 'photoblog'}
<a href="javascript:void(0)" onclick="toggle_emailthis('div_send{$post.post_id}',{$post.post_id});">{t}Email this{/t}</a>
{/if}

Si le blog n'est pas un Photoblog, on commande ici l'affichage du lien "Envoyer cette note" avec le lien vers le formulaire dédié.

 

{tags post="`$post.post_id`" assign="tag"}{if $tag.first} | {t}Tags:{/t}{/if} <a href="{$blog.url}tag/{$tag.name|urlencode|replace:"%2F":"/"}">{$tag.name}</a>{if !$tag.last}, {/if}{/tags}

On commande ici l'affichage des tags, s'il y en a. Une autre condition est gérée pour que la virgule n'apparaisse pas après le dernier tag.

 

| <!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'blogspirit';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '{$post.post_permalink|urlencode}', '{$post.post_title|urlencode}')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-addthis.gif" alt="" style="height:16px;border:none;vertical-align:text-bottom; "/></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->

Enfin, l'affichage du bouton "Add This". Vous voyez, mais si vous voyez, qu'il s'agit d'un script qui envoie l'URL et le titre de la note en cours à un service externe qui en fera bon usage. Ce script est attaché à une image, dont le survol provoquera l'affichage d'un panneau recensant la plupart des services 2.0 ainsi que les fonctions "Envoyer par e-mail", et "Imprimer".

Maintenant que vous savez tout, c'est à vous de jouer pour arranger tous les éléments comme bon vous semble. Il vaut mieux le faire dans un bon éditeur au format texte comme Notepad++ à qui vous pouvez préciser que le langage de votre document est le Html. Cela permettra au logiciel de colorer les balises, les paramètres, les commentaires, c'est très pratique.


Voici le code de mon pied de note au 26/01/2010

{$post.pubdate|date_format:"`$blog.time_format`"}
{t} Ecrit par {/t}
<a href="http://www.google.fr/search?hl=fr&q=site%3Ageemee.hautetfort.com+%22ecrit par {$post.user|authorname}%22" target=_blank title="Les autres contributions pour {$post.user|authorname} sur ce blog" name="Les autres contributions pour {$post.user|authorname} sur ce blog" >
{$post.user|authorname}</a> |
<a href="{$post.post_permalink}" id="a{$post.iteration}">{t} Lien permanent {/t}</a>
{if $post.allowcomments!=1} |
<a href="{$post.post_permalink}#comments"> {t} Commentaires {/t} ({$post.commentcount}) </a>
{/if} | {if $blog.blog_type neq 'photoblog'}
<a href="javascript:void(0)" onclick="toggle_emailthis('div_send{$post.post_id}',{$post.post_id});">{t} Courriel {/t}</a>
{/if}
<!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'blogspirit';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '{$post.post_permalink|urlencode}', '{$post.post_title|urlencode}')" onmouseout="addthis_close()" onclick="return addthis_sendto()"> | {t} Partage {/t}</a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script><!-- AddThis Button END -->&nbsp;<a href="http://www.wikio.fr/vote?url={$post.post_permalink|urlencode}" target="_tab"><img src="http://www.wikio.fr/shared/images/wikiothis/popup/icon-wikio-share.gif" style="height:15px;border:none;vertical-align:text-bottom;"/></a>
&nbsp;<a href="http://geemee.hautetfort.com/archive/2010/01/26/modele-de-pied-de-note.html" name="En savoir plus sur le pied de note" title="En savoir plus sur le pied de note">?</a>
<br>
<!--cat-->{if $post.categories}{t}Dans : {/t}
{foreach name="categories" from=$post.categories item="cat"}
<a href="{$cat.url}">{$cat.name}</a>
{if !$smarty.foreach.categories.last}, {/if}
{/foreach} |
{/if}<!--/cat-->
{tags post="`$post.post_id`" assign="tag"}
{if $tag.first}&nbsp;{t}Tags:{/t}{/if} <a href="{$blog.url}tag/{$tag.name|urlencode|replace:"%2F":"/"}">{$tag.name}</a>
{if !$tag.last}, {/if}
{/tags}

Tous les intérêts de ce code sont détaillés dans la page "Modèle de pied de note". On pourra remarquer le renvoi à la ligne des éléments à taille variable comme les catégories et les tags, offrant une place plus stable aux autres éléments, la recherche des contributions, le bouton de vote Wikio


Nous verrons bientôt comment y intégrer une commande de génération d'une version imprimable, d'une version Pdf, et une recherche de toutes les contributions d'un même auteur sur le blog.

10:10 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : pied de note, modifier | |  del.icio.us | | Digg! Digg |  Facebook

Les commentaires sont fermés.