@ Reply, petit plugin WordPress inspiré par Twitter

27 février 2008

Edit du 1 avril : ma demande a été validée, @ Reply est disponible sur WordPress.org.

~~En attendant que WordPress.org veuille bien accepter ma demande pour héberger ce plugin~~, vous le trouverez ci-dessous, accompagné de quelques explications.

Présentation

@ Reply est un plugin WordPress permettant de répondre aux commentaires un peu à la Twitter.
Cela signifie qu'il insère à côté de chaque commentaire des liens "répondre" représentés par une petite flèche . En cliquant dessus, cela vous ramène automatiquement à la zone de saisie et y insère le nom de la personne concernée ainsi qu'un lien pointant vers son commentaire.
Pratique pour suivre une conversation un peu plus facilement lorsqu'il y a un grand nombre de commentaires, ou éviter de retaper le nom de la personne à laquelle on répond.

Téléchargement

Sur la page WordPress.org du plugin
Version française : at-reply-fr.zip
English version : at-reply.zip (includes a readme file with instructions)

Installation

Placez le répertoire at-reply dans le répertoire wp-content/plugins/ puis activez le plugin dans la partie admin de WordPress. Il faudra ensuite modifier votre fichier comments.php pour y ajouter la ligne suivante :
<?php if(function_exists('yus_reply')) yus_reply(); ?>
à l'endroit où vous souhaitez voir apparaitre le lien.

Pour le thème par défaut de WordPress, par exemple, vous pouvez l'ajouter juste avant :
<?php edit_comment_link(...
À voir en fonction de votre thème et de vos envies. Vous pouvez aussi remplacer l'image reply.png par une image plus adaptée à votre thème, pensez juste à modifier le fichier at-reply.php en conséquence si besoin.

Remerciements

Je tiens à préciser que je n'ai rien "créé", je n'ai fait qu'adapter un bout de code tiré du plugin Custom Smilies pour répondre à mes besoins.
Donc, merci à Quang Anh Do pour son travail. Merci aussi à Twitter pour l'idée. Merci à Gonzague pour avoir accepté de tester ce plugin sur son blog. Et enfin un grand merci à Guillaume pour les nouvelles images.

P.-S. : vous utilisez un thème avec un fond sombre et la flèche reply.png ressort trop ? On a pensé à vous Vous trouverez dans le dossier "extra" une flèche pour les fonds plus sombres .

http://gonzague.me Gonzague

Quelle horreur je viens de perdre l’exclusivité
http://www.yus.me Yus

@Gonzague : ouais, mais c’est pour le bien de ~~l’humanité~~ la blogosphère.
http://dany.canalmoins.fr MrMoins

Salut, merci de partager ce plugin que je vais installer tout prochainement sur mon blog.
http://www.thibaut-charron.com/blog/ TiBo

TOOTOOTOOOOO ouaiiis tu l’as publié j’espère qu’il resterait que pour Gonzague excelleeeeennnnte initiatiiiive
http://blog.bleu-rouge.com McM

Super Merci
RaDe

Bien joué, je l’installe sur mon blog !

Ah merde, je suis pas sous WP
bon bah je passerais sous WP rien que pour ca
http://www.yus.me Yus

@MrMoins, @TiBo, @McM : Merci à vous.

@RaDe : ^^ tu vas devoir repartir à la recherche d’un thème.
http://www.thibaut-charron.com/blog/ TiBo

Installed !!
DislOck

Très pratique je vais l’installer tout de suite
http://relaisduroy.fr Vivian

Une version DotClear (en version 1.2 ou 2) serait vraiment sympa…
http://www.yus.me Yus

@Vivian : J’ai essayé avec aDr- (pas sous forme de plugin, mais en modifiant directement le thème), malheureusement le fait que le code HTML n’est pas autorisé dans les commentaires rend la chose inutile. Et il n’a pas pu activer la syntaxe wiki sur son blog donc nos essais ont dû s’arrêter là.

Si quelqu’un qui utilise DotClear arrive à utiliser des liens avec un texte personnalisé (genre : Dev-Fr) dans ses commentaires, je veux bien lui expliquer ce qu’il faut ajouter dans son thème pour avoir l’équivalent du plugin @ Reply.
Pingback: Plugins … état des lieux | Gonzague
http://www.simonrobic.com Simon Robic

Et bien chez moi La flèche apparait bien là où je l’insère, avec le code donné sur cette page, mais lorsque je clique dessus ça ne fait rien…
http://www.garrypoupin.com/blog/ kapsteur

Merci je viens de l’installer, je trouve celas super pratique.
Furious

Vive l’Open source quoi ! o/
http://www.yus.me Yus

@Simon Robic : C’est bizarre ça, ton thème doit avoir quelquechose de différent des autres, genre l’auteur a eu la « bonne » idée de renommer la zone de saisie plutôt que d’utiliser le nom par défaut.
~~Je te contacte pour essayer de résoudre le problème.~~

Edit : Problème résolu, le plugin Comvatars filtre les fonctions de base de WordPress ce qui empêche @ Reply de fonctionner. => Désactiver Comvatars.
Pingback: En vrac #3 | Nawak Addict - Le blog
Benjamin

Je viens de l’installer super plugins !
Pingback: @ Reply
Pingback: Comment optimiser vos commentaires | Le Journal du Blog
Pingback: Gracias » Archive du blog » Nouveauté sur le blog.
Pingback: Dooliblog
http://yougeek.free.fr/ cripo

merci pour ce plugin très pratique
http://blog.shadowkris.com/ ShadowKris

Félicitation pour ce plugin, simple, mais très pratique, il fallait y penser
http://www.yus.me Yus

@ShadowKris : merci.
En parlant de ça, à priori je ne suis pas le seul à y avoir pensé, Jeff Waughn a eu la même inspiration twitteresque : http://wordpress.org/extend/plugins/at-reply/
avec une approche différente (qui a dit plus lourde ? ^^) à base de preg_match/preg_replace qui a ses avantages et ses inconvénients.
Je trouve juste dommage que Jeff n’ait pas pris le temps de faire une recherche Google (chose que j’ai faite) avant d’appeler son plugin « @reply » (du coup, je suis bien content d’avoir mis un espace après le @).
Pendant ce temps, moi avec mon adresse sans « at » :
http://wordpress.org/extend/plugins/reply-to/
je n’ai toujours pas de nouvelles et j’en aurais probablement jamais.
Le pire c’est que quelques jours avant de découvrir le plugin de Jeff, j’avais envoyé un e-mail pour demander s’il était possible de changer ce « reply-to » en « at-reply », en voyant son apparition sur le SVN j’ai cru que mon vœu avait été exaucé, j’ai lancé TortoiseSVN, synchronisé un nouveau dossier… puis j’ai vu que ce n’était pas le mien.

Voilà, c’était le petit déballage de life qui sert à rien, mais qui fait du bien de la soirée.
Pingback: SK Blog » De légères nouveautés sur SK Blog
Pingback: Sweet November » Blog Archive » Et hop, passage à Wordpress 2.5
http://blog.guillaumeringuenet.info Guillaume Ringuenet

A noter un petit bug, le nom de répertoire à été changer mais pas l’adresse de l’image qu’il faut modifié par le nom du nouveau répertoire soit :

/wp-content/plugins/reply-to/reply.png

Dans le fichier « at-reply.php ».
http://www.yus.me Yus

@Guillaume Ringuenet : argh ! oui effectivement je n’avais pas fait attention au fait que WordPress.org m’impose « reply-to » comme nom de répertoire.
Merci de me l’avoir signalé, je corrige de suite.
http://blog.guillaumeringuenet.info Guillaume Ringuenet

Merci à toi d’avoir créer ce petit plugin ouais !
http://www.monsieurdream.com/ Monsieur Dream

@Yus : Voilà, c’est installé chez oim
http://www.redsan.com Redsan

Magnifique!
On en discutait justement sur le blog de Fran6

http://tinyurl.com/54cnf5
http://www.onlike.net Kynerion

Tiens, en ce qui concerne le « bord blanc tout moche » de l’image en PNG, c’est dommage de ne pas utiliser la transparence que permet ce format d’image justement (ce qui est d’ailleurs le cas pour tes smileys, qui s’affichent parfaitement quelle que soit la couleur de fond).
http://www.yus.me Yus

Le truc, c’est que la flèche de base a été piquée sur twitter à l’époque elle était encore sur fond blanc, n’ayant pas trouvé mieux j’ai rajouté la transparence à la va vite et je n’y ai plus touché depuis.
http://blog.guillaumeringuenet.info/ Guillaume Ringuenet

Allez, je fais mon bon prince. Voici deux flêches, une gris claire et l’autre plus sombre vraiment transparente et libres de droit ~~comme celle de twitter inc.~~ :

http://blog.guillaumeringuenet.info/test/arrow.png

http://blog.guillaumeringuenet.info/test/arrow-dark.png
http://www.yus.me Yus

Wow ! Merci, je fais une mise à jour pour fêter ça.
http://www.foxtwo.info/ Diti

Yo,

Je sais pas si c’est normal, mais chez moi l’espace entre le nom du posteur et le double point n’apparaît pas. C’est gênant parce que cela ne respecte pas les conventions typographiques en vigueur en France.
http://www.yus.me Yus

Comme tu le dis, ce n’est pas « normal », as-tu bien remplacé le fichier at-reply.php par défaut (en anglais) par celui qui se trouve dans le dossier « extra » qui lui est en français et respecte les normes typographiques françaises ?
Pingback: Neues Wordpress Plugin "@ Reply" für Kommentare auf JurBlog.de | JurBlog.de
Pingback: gniark.net/blog/
http://www.gatellier.be/blog/ Marin

Je viens de tomber sur ce plugin via la liste de Bruno. Il a l’air vraiment pas mal. Je compte l’adopter.

Juste une petite question: y a-t-il la possibilité de mettre des liens absolus au lieu de simples ancres? J’emploie GetRecentComments et je liste x derniers commentaires sur ma homepage.
http://www.yus.me Yus

@Marin : désolé pour la réponse tardive, oui c’est possible. Voici la version modifiée du code : http://www.dev-fr.org/Paste/4MOzdW3hNE.html
Pingback: A Sueldo de Moscú: Ya pueden destriparse ustedes más cómodamente
Irel

This is very nice. thank u
http://www.li-an.fr/blog/ Li-An

Dans le genre c’est le meilleur que j’ai testé… mais est-il compatible WP 2.7 ?
http://www.yus.me Yus

Oui et non… Il fonctionne avec WordPress 2.7, mais les nouveautés introduites par cette version (commentaires imbriqués) le rendent plus ou moins (in)utile selon vos besoins.
http://www.li-an.fr/blog/ Li-An

Merci pour cette réponse rapide. Je ne vais pas utiliser les commentaires imbriqués (cf les tonnes de commentaires là-dessus sur le Web) qui cassent l’élan des commentateurs à mon avis (sans compter le pb de la place dévolue aux réponses).
MrScacciafiga

@Yus : HI, in IE 6 @reply shows only gray square. I tried to change the pic, but nothing happens.

Also in this page, the reply image is a gray square without rounded arrow…

Any tips for this issue?

thanks
http://www.yus.me Yus

IE6 (which nobody should use anymore) doesn’t support truecolor PNG files, and displays this gray background instead of transparency. I replaced the files with palette based PNG files (which even IE6 supports), they should display somewhat better in IE6, and just like before in any other browser.
Mr Scacciafiga

@Yus : I change the default image with my custom one… and the problem is the same….
http://www.yus.me Yus

Oops I forgot to contact you directly, where can I see your custom image ? The problem should be solved here as you can see : < = there’s no grey box around this arrow in IE6.
http://www.jefaisdubruit.com lowett

Bonjour !

J’adore vraiment ce plugin que j’utilise depuis mes débuts sous WordPress. Mais voilà, je suis passée à la version 2.7 de WordPress. J’ai un nouveau thème. Et celui-ci utilise le format wp_list_comments pour les commentaires.
Du coup, impossible d’ajouter le bout de code que le plugin requiert. Je peux le mettre n’importe où, la petite flèche n’apparaîtra jamais à côté de chaque commentaire. Et je déteste les commentaires imbriqués. Si je dois répondre à chacun avec un commentaire séparé, ça me fait deux fois plus de commentaires que d’habitude et je n’aime pas ça.

J’ai déjà essayé de modifier mon thème pour revenir à la version « d’avant » en ce qui concerne le fichier comments.php mais ça change l’affichage de mes commentaires et je n’arrive pas à modifier le css correctement pour que l’affichage soit comme avant.
Du coup, je suis coincée. Je ne sais plus utiliser ce plugin. Et du coup j’ai carrément la flemme de répondre aux commentaires sur mon blog…

Tu n’as pas une solution pour utiliser le plugin avec ce foutu wp_list_comments ? Cela me sauverait… ^^
http://www.yus.me Yus

@lowett : ah… je ne me suis pas trop penché sur les thèmes qui utilisent ces nouvelles boucles pour les commentaires. Mais en théorie ils doivent aussi avoir un fichier (normalement functions.php) qui contient le code d’affichage des commentaires et donc la partie à modifier. Comme tu as un (joli) thème perso je vais te contacter pour te demander tes fichiers comments.php et functions.php en espérant qu’il ne soit pas vide.
http://www.jefaisdubruit.com lowett

Ok merci beaucoup de me venir en aide. J’attends ton e-mail dans ce cas
Martin

Hi I have a small problem with this plugin. I have it working on one theme that uses a comments.php template, it works perfect! My other theme uses a legacy.comments.php for all comments and the @ reply plugin does not work. Any way to fix this?
http://www.yus.me Yus

@Martin : sure, I’ll contact you, I just need to see your legacy.comments.php file.
http://sinac.ws Sinac

@Yus : thank u for this plugins.
I will use Comment Reply plugin.
Adrien

Je découvre un peu tardivement mais je souhaitais apporter mes félicitations pour ce plugin que j’apprécie beaucoup.

Merci encore
Pingback: 我所使用的插件之@ Reply | Happy every day
http://www.li-an.fr/blog/ Li-An

Bon, j’ai mis le plugin à jour aujourd’hui et… je ne sais même pas à quoi m’attendre (quand on passe la souris, « répondre » doit apparaitre j’imagine). J’ignore si j’ai un plugin qui interfère (j’en ai tellement) mais ça ne fonctionne pas chez moi.

id= »comment »

apparait bien dans mon comments.php
J’ai désactivé les extensions relatives aux commentaires mais ça ne change rien
http://www.li-an.fr/blog/ Li-An

Ah, après quelques tests, c’est mon thème qui coince. Mais je ne comprends pas trop pourquoi vu que la condition du readme.txt est remplie.
http://www.yus.me Yus
@Li-An : Ah il fallait bien que ça coince quelque part, effectivement cela vient du thème. Merci de m’avoir signalé ce problème.

J’ai modifié le plugin depuis, pour que ce soit plus passe-partout. Si d’autres personnes rencontrent toujours un problème essayez d’abord de retélécharger le plugin, si cela ne fonctionne toujours pas, il reste l’ultime solution :

Ouvrir le fichier at-reply.php (on peut faire ça dans l’interface d’administration de WordPress en cliquant sur le lien « Modifier » de la page de gestion des extensions/plugins) puis regarder les lignes suivantes :
```
<style>
.yarr { visibility:hidden; position:relative }
.yarr span { cursor:pointer; position:absolute; bottom:0; right:0 }
.yarr img { vertical-align:-2px }
li:hover .yarr { visibility:visible }
</style>
```
Il suffit d’enlever visibility:hidden; (et li:hover .yarr { visibility:visible } qui devient inutile), les liens seront ainsi toujours visibles.
http://nikstyles.de Nik

it doesn’t work on my WP Theme!
http://www.yus.me Yus

@Nik : Your problem is covered in the FAQ, your theme uses id="comments" instead of the default id="comment" for the comments textarea, so you need to edit the plugin file to add that "s" and it will work.
http://nikstyles.de Nik

i know the FAQ, it’s already done… without a change!
http://www.yus.me Yus

@Nik : did you get the e-mail I sent you? When I check the source code of your page I see that you did the replace only once, there’s 2 more to do.
http://nikstyles.de Nik

thx, you’ve got mail.
http://www.yus.me Yus

Oui c’est « normal », la version 3.1.3 n’ajoute rien de nouveau, elle ne change qu’une partie CSS :
li:hover est remplacé par .comment:hover ce qui fonctionne sur certains thèmes où ce n’était pas le cas, et ne fonctionne plus sur d’autres où c’était le cas avant.
La solution reste la même, modifier la partie CSS en fonction du thème utilisé (cf. ma précédente réponse).
Lian00

Bonjour, me voilà de retour. La toute version du plugin n’affiche rien (3.1.3) alors que la 3.1 fonctionne bien. Voilà (et je n’ai pas le courage de vérifier si c’est une compatibilité plugin).
http://www.yus.me Yus

Ah non, pas de page d’options (c’est un choix délibéré).
Je considère toujours que c’est une fonctionnalité qui devrait faire partie intégrante du thème et ne pas reposer sur un plugin.
Lian00

Ah d’accord. Peut-être qu’une page d’options avec un truc à cocher ou à modifier serait plus facile à gére mais bon, c’est pas moi qui bosse