Avertissement !

Une sélection subjective des nouveautés plugins Wordpress. Il m'est impossible de donner une aide technique aussi, en cas de problème, adressez-vous directement au créateur du plugin ou au forum d'entraide Wordpress-fr.net.

Mes autres blogs:

Derniers commentaires

  • Chargement...

Guan Image Notes

Permettre à vos visiteurs d’annoter vos images et gérer ces notes

Vous avez vu la fonction sur Flickr ou Facebook: on trace un rectangle sur une image que l’on commente. Deux plugins permettent de faire la même chose avec WordPress. Demon Image Annotation transforme ces notes en commentaires tandis que Guan Image Note va plus loin en affichant où vous le désirez ces notes avec le nom de l’auteur et rajoute une miniature de l’image dans le commentaire associé à la note. Il est d’ailleurs basé sur Demon Image Annotation. Je vais plus me pencher sur Guan Image Note qui est plus abouti visuellement et ergonomiquement parlant (il semblerait que Demon Image Annotation se soit étoffé avec les versions, proposant les fonctions apportées à Guan Image Note je vous conseille donc de bien regarder les deux avant de faire un choix).

Utilisation

Pour ces deux plugins, il vous faut ajouter au code de l’image id="img-xxx" où xxx est un ID unique. Vous obtiendrez quelque chose du genre Image Annotation Plugin

Rendu visuel

Remarques: le commentaire n’apparait qu’après avoir rafraîchi la page (F5). L’image du commentaire est cliquable et conduit à la note. L’auteur de la note peut la modifier (ces fonctions n’existent pas dans Demon Image Annotation).

Démonstration

Vous pouvez voir les deux plugins en démonstration en suivant les liens ci-dessous:

- site du plugin: http://wordpress.org/extend/plugins/guan-image-notes/
- compatibilité à ce jour: WP 2.5 > WP 3.0.1
- version testée: 1.1
- site officiel: http://pangeran.org/guan-image-notes/
- site du plugin: http://wordpress.org/extend/plugins/demon-image-annotation/
- compatibilité à ce jour: WP 2.5 > WP 3.0.1
- version testée: 1.0
- site officiel: http://www.superwhite.cc/demon/image-annotation-plugin
Ces billets aussi peuvent vous intéresser:
ImgShow
Un effet Lightbox bien pensé
Remote Image Grabber
Récupérer facilement des images distantes
Random Image Selector
Des images aléatoires dans votre thème
SuperSlider Media Pop
Améliorer l'insertion et la gestion de vos images

16 Responses to Guan Image Notes

  1. Tanguy says:

    Bonjour,
    j’ai rencontré des problèmes en utilisant ces deux plugins très instables en production. Selon Demon, cela proviendrait de l’encodage des caractères français qui provoquerait un bug php. D’autres retours de votre côté ?
    Merci d’avance.

  2. Li-An says:

    Je n’ai pas eu de problème particulier mais je l’ai juste testé très rapidement … et sans accents :-)

    Bon reinstallation et test avec des accents et pas de problème particulier rencontré… Tu es bien en php5 ?

  3. Tanguy says:

    Oui oui, chez Free… Install multi users (+100…). Testé Guan au début, puis crash. Base récupérée sous Demon (même structures de tables). Le plugin a fonctionné au début, crashé en production, refonctionné… J’ai fait tous les tests possibles, désactivé les extensions qui pouvaient entrer en conflit. Chez moi aucun des deux plugins n’est exploitable aujourd’hui.

  4. Li-An says:

    Ah oui, mais chez Free en multi users… on ne peut être sûr de rien…

  5. Tanguy says:

    Bof, a priori je n’ai jamais eu de problème à ce niveau. C’est plus sur les débits et les allocation mémoire ou les bibliothèques qu’on est bloqué (en fait on ne peut pas faire grand-chose, c’est vrai). Mais bon, normalement un plugin passe ou pas. Là je pense qu’il y a un problème d’écriture, au vu du fonctionnement erratique du machin. Je vais donc suivre l’évolution de ces deux outils avec attention.

  6. Li-An says:

    Bon courage alors :-)

  7. Bonjour et bonne année
    J’ai essayé d’utiliser ces extensions d’annotations et ce fût sans succès! Malgré plusieurs test et en suivant les explications.
    Je me suis finalement rabattu vers google map-snif!

  8. Li-An says:

    Peut-être une restriction du serveur ? Vous êtes bien en php5 ?

  9. Tanguy says:

    Quelle config ? J’ai un peu avancé de mon côté… Attention, je me suis rabattu sur Demon Image Annotation car Guan est un fork de celui-ci, son auteur semble un peu moins pointu que Demon en php (il le reconnaît lui-même) et ce dernier a beaucoup fait évoluer son plugin ces dernières semaines. Du coup, Demon IA est désormais plus sophistiqué que Guan, qui n’a plus vraiment de raison d’être à mon avis. Demon, le programmeur, a été très attentif à mes remarques et va faire évoluer le programme dans le bon sens.

  10. Tanguy says:

    Chez moi, le plugin ne fonctionne que sous Firefox. Selon Demon, c’est dû à un problème de caractères spéciaux (notamment les accents français) qui fiche la zone en php. Il va corriger ça très vite.

  11. Li-An says:

    Merci pour ces infos, Tanguy, j’ai complété mon billet du coup.

  12. Tanguy says:

    Effectivement, Demon propose maintenant ce que Guan apportait de plus : l’insert automatique de l’ID sur l’image. Il comporte désormais un tableau d’administration assez complet, avec notamment la liste des commentaires et la possibilité de les approuver et de les éditer.
    Une grosse faille de sécurité demeure sur mon install : tout utilisateur loggué peut éditer voire supprimer les commentaires des autres !
    Ah oui, j’oubliais l’essentiel : pour le faire fonctionner à peu près correctement, j’ai dû désynchroniser les commentaires d’images avec le système de commentaires de WP.

  13. Li-An says:

    Oula, rien que ça… Bon, y’a encore un peu de boulot alors…

  14. Oui je suis bien en php5, et au niveau du serveur, j’ai pas été voir!!
    Quand j’active le pluggin, je n’ai accès à aucun tableau de bord….rien de rien

  15. Li-An says:

    Même avec le thème par défaut et les autres plugins désactivés ?

  16. Tanguy says:

    Sous quel navigateur ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.