Comment afficher les smileys

Vous connaissez les smileys utilisés dans les messages, forums et parfois aussi dans nos articles, par exemple ;-) ou B-)

Japanim présente une astuce pour les afficher sur un site Spip sous formes d’images, ainsi, notre exemple devient  ou

Il s’agit d’un filtre qui peut être appliqué aux boucles :

Pour que cela fonctionne, il suffit d’inclure la fonction smileys dans le fichier "mes_fonctions.php3" (s’il n’existe pas, créez-le à la racine du site) [2]. Dans la fonction se trouvent les correspondances entre les chaînes de caractères :-p et les images  :

D’autres articles ont repris cette astuce, en particulier Titeuf sur SPIP contrib et Cyberpatrouille, avec surtout des modifications concernant les images des smileys. Ensuite Smileys II, génération automatique puis Des smileys dans SPIP ont perfectionné le fonctionnement, surtout pour des forums utilisant les smileys.

Application à d’autres images

J’ai pensé à appliquer cette astuce à d’autres images que j’utilise fréquemment dans les pages du site du CYES [3].

Voici un exemple de fragment de page :

Liens :

• MedHunt : Base de données de ressources médicales sur le site Health On the Net
• Mediamed : Promouvoir la connaissance, la recherche et la communication en médecine et santé Dr Henri Gracies

Catalogues :

• Catalogue de la pédagothèque, octobre 2004 ( 345 Ko, ou zip 301 Ko),
• Outils pédagogiques sur l'alcool ( 150 Ko, ou zip 105 Ko).

Pour toutes les images affichées ci-dessus, j’utilise l’astuce des smileys [4]. J’ai tout simplement ajouté dans la fonction smileys dans le fichier "mes_fonctions.php3" :

Et on peut aller plus loin : comme vous pouvez le constater, les symboles pdf, zip, toucan ne sont pas une simple image, mais une chaîne de caractères associant lien, image et code HTML : [5]

Ainsi, en écrivant dans un article les quelques caractères choisis (dans mon exemple : <fr> <en> <pdf> <zip> ou <toucan>), j’obtiens la page les éléments que j’ai indiqués dans "mes_fonctions.php3".

J’ai choisi < > pour encadrer les caractères car "fr, en, pdf, zip, ou toucan" peuvent se retrouver dans le texte des pages, il ne faut pas que la chaîne de caractères les remplace si ce n’est pas vraiment ce que l’on veut. On aurait pu prendre d’autres caractères, mais j’ai évité { } et [ ] qui sont déjà utilisés dans le code de Spip.

Evidemment, si je décide de changer une image ou un lien, cette modification effectuée une fois dans "mes_fonctions.php3" ce répercutera pour toutes les pages.

Les sous-titres :

Pour les sous-titres de séparation utilisés dans mon exemple de fragment de page, le principe est le même, car étant utilisés dans toutes les pages du site, il est plus simple de taper quelques caractères que tout le code. Il faut simplement le séparer en 2 parties entre lesquelles on note le sous-titre :

Ainsi, je n’ai plus qu’à taper par exemple <sous-titre>Liens :<sous-titre-fin> dans mon article.

Ceci n’est qu’un exemple, car si vous voulez changer les intertitres de Spip créés par {{{ et }}}, il y a plus simple à faire : l’astuce est indiquée ici.

 pour tout le site : Ecrivez dans le fichier "mes_fonctions.php3" placé à la racine du site :

 seulement pour vos articles : Ecrivez dans le fichier "article.php3" les variables $debut_intertitre et $fin_intertitre modifiées comme ci-dessus, à côté des variables obligatoires $fond et $delais.

Autre utilisation

On peut sur le même principe utiliser une chaîne de caractères qui sera remplacée par une autre après l’avoir indiquée dans "mes_fonctions.php3".

Ainsi j’ai pu faire fonctionner le raccourci typographique "
" (undercose suivi d’une espace), théoriquement installé dans SPIP, mais qui ne marchait pas. Pour cela, j’ai ajouté à la fonction smileys($chaine) la ligne :

Pensez aux rédacteurs

Si vous utilisez cette astuce, il est souhaitable de préciser (par exemple dans un article ou une page particulière) à vos rédacteurs la liste des éléments utilisables par ce filtre "smileys".