Identikit

J’avais déjà publié une série de plugins pour déterminer des avatars distants. Ces plugins fonctionne bien, hormis un problème de performance lors de la soumission d’un commentaire. Seulement, j’avais besoin de souplesse pour administrer ces images. Enfin, j’avais envie d’écrire un plugin qui ne se contente plus de n’afficher que des images, mais qui offre une véritable interface d’administration.

Donc j’écris ce nouveau plugin pour qu’il gère toujours les pavatars, favatars et gravatars, mais qu’il intègre aussi de nouvelles notions : les favicons et les avatars locaux. Voilà ! Concrètement ce plugin est utilisé pour créer les identités visuelles de chaque contributeurs (auteurs et commentateurs). De plus, il permet aux auteurs d’héberger leurs images sur le site (donc sans passer par un site distant), avec une jolie interface privée. Enfin, il insère automatiquement les bonnes balises dans le front site.

Sémantique

J’use et abuse des urls rewritings qu’offre WordPress. En effet, les urls fournies par le plugins ne pointent pas vers le répertoire de stockage, mais vers une url lisible par les humains.

Les xhtml générés comportent toutes les classes css microformatées pour déclarées des images dans les hcard et hresume.

J’ai intégré un widget pour créé une hcard dans les menus de navigations.
le-widget
Le code généré est :

  1. <li id="afficher-lauteur" class="widget widget_author">
  2.  <h3 class='widgettitle'>Xavier</h3>
  3.  <ul class="vcard entry-author author">
  4.   <li class="fn" style="display:none">Xavier</li>
  5.   <li class="logo">
  6.    <a class="url fn" href="[...]/author/admin/" title="[...]">
  7.    <img src="[...]/author/admin/pavatar.png" class="pavatar logo" alt="admin" /></a>
  8.   </li>
  9.   <li class="summary">I am the one !</li>
  10.  </ul>
  11. </li>

Enfin, dans le cadre des avatars locaux, ces avatars sont déclarés comme étant des Pavatars.

Performances accrues

Maintenant, au lieu d’afficher des images distantes, il héberge directement les images qu’il a trouvé. D’autre part, il utilise le système de cache de WordPress pour accélérer le calcul.

En gros, quand quelqu’un poste un commentaire, le système d’abord analyser les caches associés à ses informations personnelles. Si il en trouve un, il l’affiche. Sinon, le système va essayer de trouver un avatar distant. Si il le trouve, il le télécharge et créer un cache avec un long délais avant expiration. Sinon il crée un cache avec un court délais. Ainsi, le système fait l’économie de calcul inutiles à chaque soumission de commentaires.

Utilisation

Pour afficher l’avatar du commentateur il suffit d’insérer l’un de ces codes dans la boucle des commentaire :

  1. comment_author_avatar($r);

affiche le code xhtml redimensionné à $r pixels du commentateur actuel.

  1. $avatar = get_comment_author_avatar($r);

retourne l’adresse de l’avatar en php

Pour afficher l’avatar pertinent de l’auteur, il suffit d’insérer ce code dans la boucle author ou single :

  1. the_avatar($r);

affiche le code xhtml redimensionné à $r pixels de l’auteur actuel.

  1. $avatar = get_the_avatar($r);

retourne l’adresse de l’avatar en php

les-commentaires interface-auteur interface-favicon

Enfin

Identikit est aussi le titre du dernier album des Burning Airlines. Pour tous les amoureux du DC Sound, je ne peux que leurs recommander l’écoute de cet album.

Téléchargement identikit.zip

Version 0.1.1 du 15 octobre 2006

38 Commentaires

  1. Soumis le 14 novembre 2006 à 20:25 | Permalien

    from what i’ve read around the net, I think this plugin and your other plugin (pavatar) are nice. But I’m very disapointed that I can’t understand what you write here because there are no english version here :(

  2. Soumis le 15 novembre 2006 à 18:22 | Permalien

    Pas mal et assez complet.
    Merci.

  3. Soumis le 15 novembre 2006 à 22:08 | Permalien

    adhisimon : well, my english is awful, but i will make this effort with the publication of the 22ndversion. For now, I’m rewriting the actual plugin, with the ability to control the avatars for the user, posts and categories.

  4. Soumis le 15 novembre 2006 à 22:10 | Permalien

    Damino : merci !

  5. Paul Hockley
    Soumis le 24 novembre 2006 à 14:17 | Permalien

    Bonjour, ce plugin me semble etre celui dont j’ai besoin , mais je suis pas trop balaize en code, et je me demande où exactement placer le code ?

  6. Soumis le 24 novembre 2006 à 17:39 | Permalien

    J’ai installé Identikit sur mon blog, hélas lorque je charge une image (80px/80px, j’ai essayé avec d’autres aussi) je recois ce message : Fatal error : Call to undefined function : imageantialias() in /mnt/141/sda/1/3/arsis.quartet/wp-content/plugins/identikit/identikit.php on line 450 . Que faire ? Merci de ton aide
    ALex

  7. Soumis le 24 novembre 2006 à 23:40 | Permalien

    Alex : C’est un bug qu’on m’a déjà révélé. En gros ton PHP n’a pas la fonction antialias(). Cette fonction permet de faire des images un peu plus smoooth, mais j’ai appris à posteriori qu’elle n’est disponible qu’à partir de PHP 4.3.2.

    Éventuellement tu peux commenter la ligne 450 dans le fichier identikit.php, peux-être que ça résoudra ton bug.

    Ceci dit, je suis entrain de développer la v2 du plugin qui fera un peu plus que des avatars, et j’en profiterai pour réécrire certaines fonctions qui passent mal sur certaines configurations (hein le hibou, je ne t’ai pas oublié :)). Donc patiente…

  8. Soumis le 24 novembre 2006 à 23:51 | Permalien

    Paul : si tu veux afficher l’avatar d’un commentateur, il te suffit d’insérer la ligne comment_author_avatar(); dans la boucle des commentaires de ton thème. généralement, le fichier qui affiche les commentaires s’appellent comments.php. par exemple, sur le thème par défaut de WordPress (Kubrick), tu peux mettre cette fonction dans le fichier comments.php, entre les lignes 28 et 47.

    Si tu veux afficher l’avatar de l’auteur d’un message, il suffit d’insérer le code the_avatar(); dans la boucle des articles. Toujours avec le même exemple, tu peux mettre cette fonction n’importe où dans le document single.php

  9. Soumis le 5 décembre 2006 à 20:28 | Permalien

    Translation to english would be great !

  10. Soumis le 5 décembre 2006 à 21:44 | Permalien

    I am working on it :) I will publish a new internationalized version late December.

  11. Soumis le 7 décembre 2006 à 7:33 | Permalien

    Un gros merci pour ce plugin. Je suis entrain de tester et ça semble fonctionner #1. :)

  12. Soumis le 7 décembre 2006 à 12:36 | Permalien

    When will you share the update ?
    btw : with bablef or g translate your site is down.

  13. Soumis le 7 décembre 2006 à 15:29 | Permalien

    The new version will be released around the end of December.

  14. Soumis le 9 décembre 2006 à 5:57 | Permalien

    Eagerly awaiting your English version. Love your site, and I’m pretty amused that Google Translator seems to translate “avatar” as “misadventure”. Makes it a bit odd to read this page ;)

  15. Soumis le 9 décembre 2006 à 20:20 | Permalien

    lol

  16. Soumis le 12 décembre 2006 à 1:59 | Permalien

    This is what Babelfish translator says that your website says :

    Identikit I had already published a series of plugins to determine distant misadventures. These plugins functions well, except a problem of performance at the time of the tender of a comment. Only, I needed flexibility to manage these images. Lastly, I wanted to write a plugin which is not satisfied any more not to post but images, but which offers a true interface of administration. Thus I write this new plugin so that it always manages the pavatars, favatars and gravatars, but that it integrates also new concepts : let us favicons and the local misadventures. Here ! Concretely this plugin is used to create the visual identities of each contributors (authors and commentators). Moreover, it makes it possible to the authors to lodge their images on the site (thus without passing by a distant site), with a pretty private interface. Lastly, it automatically inserts the good beacons in the face site. Semantics I use and misuse the urls rewritings which WordPress offers. Indeed, the urls provided by the plugins do not point towards the repertory of storage, but towards a URL readable by the human ones. The generated xhtml comprise all the classes css microformatées for declared images in the hcard and hresume. I integrated a widget for created a hcard in the menus of navigations. The generated code is : Xavier Xavier I amndt the one ! Lastly, within the framework of the local misadventures, these misadventures are declared as being of Pavatars. Performances increased Now, instead of posting distant images, it directly lodges the images which it found. In addition, it uses the system of mask of WordPress to accelerate calculation. Approximately, when somebody posts a comment, the system initially to analyze the masks associated with its personal information. If it finds one of them, it posts it. If not, the system will try to find a misadventure distant. If it finds it, it downloads it and to create a mask with long times before expiry. If not it creates a mask with short times. Thus, the system makes the useless saving in calculation to each tender of comments.

    I await the new plugin - I haven’t been able to use gravatars for a long, long time.

  17. Soumis le 13 décembre 2006 à 21:21 | Permalien

    Looking forward to the international release.. Very nice layout..

  18. Soumis le 14 décembre 2006 à 17:08 | Permalien

    You have an excellent looks of your blog.I dont undertsand the language so much.But i het the summary.I will keep visiting your site

  19. Soumis le 1 janvier 2007 à 10:27 | Permalien

    où est le link téléchargement ?

  20. Soumis le 1 janvier 2007 à 17:04 | Permalien

    en dessous des copies écran, à côté de l’icône en forme de K7, clique sur identikit.zip.

  21. Paul
    Soumis le 2 janvier 2007 à 8:54 | Permalien

    Hey Xavier ! Nice work… but I am really looking for the “International Version” ! Have a great new year ! :-)

  22. Soumis le 2 janvier 2007 à 22:26 | Permalien

    Merci beaucoup !

  23. Soumis le 18 janvier 2007 à 21:51 | Permalien

    cela sera en place dans pas 1 semaine. très bon script, simple, efficace, bien codé. Par conte, pur la prochaine archive pensez à encoder es commentaires avec de l’utf 8 à la palce de l’iso, les english vont litérallement péter un cable :) par contre il aurait été bien pour le néophyte de lui dire comment tester si le user a ou non un avatar de défini ;) Bien amicalement, et bravo pour ce travail Cédric aka toucouleur.fr

  24. Soumis le 19 janvier 2007 à 0:13 | Permalien

    petit update et gros bug ;)

    si je met ceci dans mes permaliens /%category%/%postname% pas moyen de faire afficher les avatars (le rewriting ne fonctionne plus)

    y’a t’il un moyen de contourner le pb ? (évidement le présent blog utilise la structure de type Date and name based :))

  25. Soumis le 19 janvier 2007 à 10:25 | Permalien

    %category% est buggé sur WordPress, il y a une note dessus dans le Codex, à la page http://codex.wordpress.org/Using_Permalinks
    Ce problème est indépendant du présent plugin.

    Mais tu peux gruger en rajoutant quelque chose devant la catégorie, par exemple un - pour faire /-%category%/%postname%

  26. Soumis le 1 février 2007 à 21:26 | Permalien

    Hi Xavier,

    very Nice Work ! Got you a English Version ?? I can’t read french…

    Cya.

  27. Soumis le 2 février 2007 à 11:09 | Permalien

    I’m working on a internationalized version.

    A development version available in English is downloadable into this post : http://www.john-noone.com/2007/01/19/des-priorites-plus-prioritaires/

  28. Christophe
    Soumis le 25 février 2007 à 14:53 | Permalien

    Salut !

    J’essaye d’utiliser votre plugin mais je me retrouve au lieu de l’image à afficher c’est le nom qui s’affiche.

    D’où vient le problème ?

    Merci :-)

  29. Christophe
    Soumis le 25 février 2007 à 17:37 | Permalien

    J’ai ce message d’erreur qd je veux supprimer une image : [function.unlink] : Permission denied

  30. Soumis le 26 février 2007 à 19:40 | Permalien

    A mon avis, votre serveur ne permet pas de gérer les fichiers tel que le conçoit ce plugin.
    Avez-vous le même soucis avec les pièces-jointes dans wordpress ?

  31. Christophe
    Soumis le 27 février 2007 à 16:17 | Permalien

    Merci pour votre réponse. Je n’ai jamais essayé avec les pièces jointes. Je pense que cela vient de mon serveur qui ne gère pas ce plug-in. C’est dommage, je voulais bien introduire un plugin d’avatar.

    Merci quand même.

  32. Dipsy
    Soumis le 28 février 2007 à 17:00 | Permalien

    Warning : is_dir() [function.is-dir] : open_basedir restriction in effect. File(/local-1.png) is not within the allowed path(s) : (/home/dipsik:/usr/lib/php:/usr/local/lib/php:/tmp) in /home/dipsik/public_html/wp-content/plugins/identikit2/identikit2.php on line 810

    how to improve this ?!

  33. Soumis le 14 mars 2007 à 22:07 | Permalien

    Une beta de la v2 est disponible à ce lien http://www.john-noone.com/2007/03/14/le-bout-du-tunnel/

  34. Soumis le 13 avril 2007 à 3:11 | Permalien

    Je ne peut pas comprendre bien le français. Mais j’essayerai le version complet. Dites-moi la bonne chance !

  35. Soumis le 17 août 2007 à 7:01 | Permalien

    Je rencontre un “léger” problème.

    J’upload un avatar et ça se passe bien, je peux le resizer correctement après quoi il existe bien dans /wp-content/avatars/ le problème est qu’une fois la manipulation effectuée et bien en dessous de “Votre avatar local” il y a simplement écrit “admin” qui cherche vraisemblablement un avatar ici : /author/admin/pavatar.png Bien que je sois conscient que l’url est réécrite. Le système n’arrive donc pas à “retrouver” mon avatar sur le http://FTP. Serait-il possible de m’en dire plus ? (J’ai rechargé les permaliens bien sûr et le CHMOD sur le répertoire /wp-content/avatars/ est effectué (777). Merci beaucoup et bonne journée ^^

  36. Soumis le 17 novembre 2007 à 16:48 | Permalien

    Good script, an english explanation would be welcome too (yes, I’m #100 in the row).

  37. Soumis le 18 décembre 2007 à 20:55 | Permalien

    I agree with ↑ Edward. I’m lost too, can you write up simple instructions for download and install.. thanks, merci

  38. Soumis le 28 décembre 2007 à 0:25 | Permalien

    test ! de prueba

12 Rétroliens

  1. Par John Noone » Blog Archive » L’Avatar le 8 octobre 2006 à 16:19

    [...] par cet article grâce au fil RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votresite. [...]

  2. [...] [Download] [Plugin Page] [...]

  3. [...] Identikit (translated) is a Wordpress plugin that supports [(gr)|p|f]avatars. That’s just for Wordpress though. [...]

  4. [...] Ia offers a solution that might be easier for bloggers, particularly those of us who use WordPress : a plugin called Identikit, which supports gravatars, favatars and pavatars all in one package. [...]

  5. Par Gravatar Alternatives le 14 décembre 2006 à 4:43

    [...] Pavatar is the short form of Personal Avatar. It was born out of the desperation of Gravatar’s unreliability. I haven’t tried it yet, but they surely look promising. They even have Wordpress Plugin to make this easier for you [...]

  6. [...] Identikit - WordPress Pavatar plugin (tags : wordpress plugin avatar pavatar) [...]

  7. Par Gravatar sort de sa léthargie - Sunfox le 19 février 2007 à 14:39

    [...] Ce si long blocage couplé aux anciennes déboires et lenteur du site de Gravatar est bien la preuve qu’un système aussi centralisé n’est pas une bonne solution. J’en profite donc pour me créer un Pavatar et l’implémenter sur mon journal grâce au très bon plugin identikit pour WordPress. [...]

  8. [...] If you aren’t using MyBlogLog, consider adding Pavatar to let your readers show themselves Pavatar lets users add images (or avatars) for themselves, theres a WP-Plugin for this as well… but the page is in French ! [...]

  9. Par Gravatar Probleme? » Sebbis Blog le 5 mars 2007 à 19:49

    [...] Vielleicht ist es an der Zeit auf ein dezentrales System wie z.B. Pavatare umzusteigen ? Dafür gibt es auch ein Wordpress-Plugin und so weit ich das erkennen kann unterstützt es Pavatare (selbstgehostete Avatare) und Favatare (einfach nur die Favicons der angegebenen Webseite) inklusive lokalem Cache für schnellere Ladezeiten. Das um Gravatare erweitert und ich würde es sofort installieren. Pro “mehr bunte Bildchen in den Kommentaren” :-) Popularity : 1% [...]

  10. [...] Pavatar - Recognize me ! 又一個個人頭像服務!不過看起來好像不是以 email 來做頭像依據,而是以網站 URL,這裡有人寫了針對 WordPress 的外掛。 [...]

  11. [...] Visit [...]

  12. [...] Das Identikit von John Noone bietet neben einigen Avatar-Implementierungen auch Support für [...]

Soumettre un commentaire

Votre adresse email n'est jamais publiée ni partagée. Les champs requis sont marqués par *

*
*