Recettes pour faire de jolis commentaires

J’aimerais faire un petit avertissement avant de commencer cette humeur. Papa, si tu me lis, tu peux sauter cet article.?

Oui, je préfère, ne touche à rien!

Et pour les autres lectrices et autres lecteurs une de ces phrases qui fera date dans l’histoire du blog:

Commentez avec des enrichissements, commentez sans enrichissements, peu m’importe, pourvu que vous commentiez.

François Cuneo, le 9 mars 2017

Je ne sais pas vous, mais moi je trouve ça beau et profond.

Le système mis en place par WordPress en matière de commentaires est bien pensé en ce qui concerne les avertissements d’un nouvel élément (commentaire donc) ou les réponses (au commentaire, il faut toujours tout préciser, ici), mais il faut bien dire qu’en ce qui concerne les enrichissements des commentaires (là, je ne rajoute rien, c’est bon, je pense), pour les lecteurs , ce n’est pas le paradis.

On pourrait croire que ni les liens, ni les images insérées, ni même les enrichissements de styles ne sont possibles.

Alors que c’est le cas (sauf pour les images), mais cela de manière bien cachée, ce qui est bien dommage d’ailleurs, et ça, voyez-vous, ça m’énerve d’ailleurs un tantinet.

Alors, comment faire, boudiou?

Je vais vous présenter ici quelques petites formules pour enrichir vos commentaires (si vous le désirez, bien sûr), et tout à la fin, je vous donnerai la méthode pour mémoriser très rapidement ces éléments, qui ne seront pas seulement utiles sur Le Blog du Cuk, mais aussi sur tous les blogs de WordPress.com.

C’étaient d’ailleurs (pour ceux que ça intéresse) les mêmes codes que nous entrions dans les commentaires sur Cuk.ch  (nous les voyions d’ailleurs, lors de la rédaction), sauf qu’alors, nous avions un plug-in intégré à notre système qui les insérait (les codes, donc… je fatigue…) avec des boutons, ce qui est impossible à faire avec WordPress.com. Le pire d’ailleurs, c’est que moi, si je modifie un de mes commentaires, je les vois, ces boutons, et pourquoi n’est-ce alors pas le cas lors de la première écriture, ou pour les lecteurs du site, hmmm? Allez Monsieur WordPress, un petit effort s’il vous plaît!

Attention: parce que WordPress transforme les guillemets anglais en guillemets français, je vous donne certains exemples sous forme d’images, mais vous pouvez télécharger ici le fichier texte qui vous permet de copier-coller les formules.

Comment entrer un lien dans les commentaires

Pour entrer un lien dans les commentaires, collez la commande suivante:

2017-03-07_14-55-34

À partir de là, c’est comme dans Cuk.ch d’alors, vous double-cliquez sur ADRESSE et vous tapez ou collez (entre les deux guillemets) le lien.

Vous double-cliquez sur titre et vous tapez le texte qui doit apparaître sous le lien.

Par exemple

2017-03-07_14-56-35

donnera

Je vous montre un lien vers Cuk.ch.

Comment entrer une image dans les commentaires

Attention, après discussion avec WordPress, j’apprends qu’il est impossible pour les lecteurs d’insérer des images dans les commentaires

Vous voulez que je vous dise?

C’est NUL.

Mais bon, c’est comme ça. La seule solution, lier les images via les… liens.

Voir plus haut. Je suis vraiment désolé de la chose.

Donc… euh, si j’ose, ne faites plus de tests! Ça m’évitera de les effacer! 🙂

Comment insérer du gras dans les commentaires

Lorsque vous voulez mettre un passage en gras, entrez le code suivant:

2017-03-09_21-09-38

Sélectionnez TEXTE GRAS et entrez votre texte à la place.

Exemple:

2017-03-09_21-17-55

donnera

J’aime la fondue chinoise quand les tranches ne sont pas trop fines.

Comment insérer de l’italique dans les commentaires

Lorsque vous voulez mettre un passage en gras, entrez le code suivant:

2017-03-09_21-10-05.png

Sélectionnez TEXTE ITALIQUE et entrez votre texte à la place.

Exemple:

2017-03-09_21-20-10.png

donnera

J’aime la fondue chinoise quand les tranches ne sont pas trop fines.

Comment entrer une citation dans un commentaire

Pour insérer une citation, insérez ce code, remplacez AUTEUR par la personne citée, et TEXTE CITE par le texte cité. Attention, normalement, le nom de l’auteur n’apparaîtra pas, mais le texte apparaîtra par contre en bloc de citation, donc je vous conseille  de mettre à la ligne précédent le code « Citation de M. ou Mme Untel »

2017-03-09_21-27-35

Comment entrer du code pour qu’il ne soit pas interprété (rare, pour les programmeurs ou si vous voulez montrer du code HTML!)

Collez le code suivant et entrez votre code à la place de CODE.

2017-03-09_21-13-58

Bien.

Et si on simplifiait toutes ces petites choses, ça vous dirait?

Vous me direz que ce n’est pas tout simple tout simple, tout ça.

Raison pour laquelle je vous propose de passer soit par les raccourcis-clavier (intégrés au système), soit par Typinator, soit par TextExpander pour les avoir toujours sous la main.

Voici un exemple de ce que j’ai fait avec les raccourcis-clavier intégrés au système, donc gratuits. Cela se passe dans les Préférences Système, Clavier, onglet Texte:

2017-03-07_16-02-25

J’ai créé des raccourcis qui vont afficher les codes vus plus haut.

À gauche, l’abréviation, à droite, j’ai collé les formules (que, je le répète, vous pouvez trouver ici).

Si je tape les trois lettres wpc miracle, miracle,

2017-03-09_21-27-35

 va apparaître automatiquement à l’endroit où se trouve le curseur à la place des trois lettres, et vous aurez compris que les lettres associées aux lettres wp ont les significations suivantes: (c pour citation, gr pour grasit pour italiquel pour lien).

Attention: vous devez désactiver la case à cocher (à décocher dans le cas précis) “Utiliser les guillemets courbes et des tirets” (flèche rouge).

Voilà!

Vous n’avez strictement plus aucune raison de ne pas commenter sur Le Blog du Cuk, sous prétexte que vous n’arrivez pas à faire quelque chose de joli.

Cela dit, moi, même si vous écrivez des commentaires tout simples, ça me va aussi, qu’on se le dise!

Ah, et au fait, c’est vrai, j’adore la fondue chinoise, pourvu que les tranches ne soient pas trop fines.


En savoir plus sur Le Blog du Cuk

Subscribe to get the latest posts sent to your email.

S’abonner
Notification pour
guest

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

53 Commentaires
Commentaires en ligne
Afficher tous les commentaires

Mathieu Besson
il y a 7 années

“Une tanche top fine”, c’est pour fai’e comme la vigie du bateau pi’ate dans Aste’ix? Ou c’est une faute de f’appe?

Mathieu Besson
En réponse à  François Cuneo
il y a 7 années

Je remarquais juste la faute de frappe à la dernière ligne de l’article: “… ne soient pas top fines”. Il manque un “R”, ça me faisait sourire, des tranche “Top-fines”. Un problème de clllavier, peut-être? 🙂

Daniel Pesch
il y a 7 années

François, si tu passes par là, tu peux supprimer mes commentaires ci-dessus qui encombrent… Et, si tu veux bien, m’expliquer pourquoi les images, ça ne marche pas.

JeMaMuse
JeMaMuse
En réponse à  François Cuneo
il y a 7 années

Concernant les liens vers Dropbox :
Noé m’avait donné un tuyau il y a un certain temps :
au lieu de http://www.dropbox.com, mettre dl.dropbox.com

modanedecuk
modanedecuk
il y a 7 années

Merci, François!

Pour tous ces codes…Mais faut sévèrement maîtriser, parce qu’on fait tout en aveugle…
Modane

Miles & Jaco

modanedecuk
modanedecuk
il y a 7 années

Test image

Radagast
Radagast
il y a 7 années
zit
zit
il y a 7 années

Et voilà, c’est bien la Suisse, ici, de penser tout de suite enrichissement !

z (et cette recette de fondue, alors, je répêêêêêêêêêêêête : des promesses, des promesses…;o)

François
François
il y a 7 années

Tu as oublié de fermer la balise img dans ton exemple je crois

Caplan
il y a 7 années

Merci François! Je monte au Mollendruz à la neige et je ferai mumuse avec les balises ce soir!

Caplan
il y a 7 années

J’ai mis une image, mais ça passe pas… 🙁

Raff (test)
Raff (test)
il y a 7 années
jeanclaudes
jeanclaudes
il y a 7 années

Pas de chance pour les images…

mirou
il y a 7 années

Tu veux dire que WordPress.com t’empêche de mettre les plugins que tu veux? Parce que si c’est le cas je trouve que pour le prix, c’est étrange. Mon site (ridicule tellement il est petit et pas à jour) est hébergé chez Infomaniak. Installé WordPress en un click, l’interface est elle-même la même ensuite que ce que tu montres dans le billet précédent, et je peux installer les plugins que je veux.

Ou alors j’ai pas compris?

mirou
En réponse à  François Cuneo
il y a 7 années

Ce qui est fait est fait 🙂

Mais je peux pas corriger mes erreurs d’orthographe dans mon précédent commentaire, arghl !

SIMON jean-michel
SIMON jean-michel
il y a 7 années

/Users/JMS2/Desktop/Capture d’écran 2017-03-09 à 08.38.55.png. C’est juste pour essayer !!!!

François
François
il y a 7 années

L’erreur de balise , c’est dans l’exemple de l’article, il faut un /img à la fin je dirais 😉

François
François
il y a 7 années

test, à effacer 😉

François
François
En réponse à  François
il y a 7 années

effectivement, il doit y avoir une option à activer de ton coté du genre “interpréter le html (ou les balises) dans les commentaires”

Landri Gallaz ("Zallag")
Landri Gallaz ("Zallag")
il y a 7 années

Aimer est le grand point, qu’importe la maîtresse?
Qu’importe le flacon, pourvu qu’on ait l’ivresse.

soheil
soheil
il y a 7 années

François, dans ta présentation des balises HTML, à partir de TEXTE GRAS et jusqu’à la fin de l’article, le code ne s’affiche plus, il est interprété par le navigateur, en tout cas sur Safari (j’en profite pour tester ces balises):

Lorsque vous voulez mettre un passage en gras, entrez le code suivant:TEXTE GRAS

Quant au fichier à télécharger, il s’arrête abruptement à “(pour montrer du HT”(manquent les lettre ML… et la suite)

Pendant que j’y suis je fais aussi un essai d’insertion d’images.

D’abord JPG:

(image provenant du site
Iconic Photos

Puis PNG:
<img src="http://www.tchengwang.com/public/WatchYourHand.png"alt="Watch your hand, jeu de mots sur le mot Watch“/>

soheil
soheil
il y a 7 années

Caramba! Encore raté!

soheil
soheil
En réponse à  soheil
il y a 7 années

Erreur de guillemet pour la deuxième image. href=”http://www.tchengwang.com/public/WatchYourHand.png”>Voici le lien corrigé (je sais que l’image n’apparaîtra quand même pas dans le commentaire, c’est juste que je n’aime pas laisser un travail inachevé).

soheil
soheil
En réponse à  soheil
il y a 7 années

Toujours ces maudits guillemets automatiques. J’essaye encore.

Daniel Pesch
il y a 7 années

Ça doit être une question de plugin.
Comment-images

Modane
En réponse à  François Cuneo
il y a 7 années

Eh bien au moins, on sait… Noé? Tu veux bien être gentil avec ton papa? Comment tu avais fait? Mmmmmh?

Jean-Yves
Jean-Yves
il y a 7 années

soheil a dit:

Pendant que j’y suis je fais aussi un essai d’insertion d’images.
D’abord JPG:

Ce lien fonctionne, mais ouvre la page contenant les photos.

Je tente un test (simple “copié-collé” d’un ancien commentaire sur Cuk.ch), mais intégrant des liens vers des images. À comparer donc avec le rendu dans
l’article source de Dom’…

-Début du test.
Aujourd’hui, chrysalides dans leur cocon d’acier, certaines semblent sous sédatif en attente de l’envol final.

Fut un temps pas si lointain, elles étaient fières et droites, avec deux petits bras et un appendice facial qui donnait envie d’entamer une discussion.
-Fin du test.

Jean-Yves
Jean-Yves
En réponse à  Jean-Yves
il y a 7 années

Oublié de préciser qu’il fallait comparer avec le commentaire 18 de l’article source …

Jean-Yves
Jean-Yves
il y a 7 années

François, je n’utilisais pas l’insertion directe d’image sur Cuk, préférant un lien laissant le choix au lecteur d’aller voir ou non 😉

Actuellement, vu de chez moi ça fonctionne quand-même pas mal tout ça, (Moins élégamment que sur Cuk, donc encore bravo Noë !).

Caplan
il y a 7 années

Si j’avais su le bronx que ma demande allait provoquer! … 😉
En plus, à la fin, on ne peut même pas mettre une image en commentaire. Dommage, j’aimais bien mettre des petites images à la gomme dans les commentaires de cuk.ch. Mais ça, c’était avant… 😉 😉

madamepoppins
madamepoppins
il y a 7 années

Je viens de renoncer à commenter, ça dépasse mes capacités, ton billet !

Je vais en rester aux nouvelles suggestives, tiens demain vendredi, c’est plus “basique” ? Bises quand même.

cukicloud
cukicloud
il y a 7 années

Et là, je fais un test comme si ce n’était pas moi, pour insérer une image en Markdown… (mais c’est moi hein… le big boss de moi-même)
Smaller logo:

cukicloud
cukicloud
il y a 7 années

Eh bien non, ça ne fonctionne pas… En même temps, ils me l’ont bien dit sur WP, mais bon, j’espérais en Markdown, ça pouvait passer…

Jean-Yves
Jean-Yves
il y a 7 années

Je confirme pour le texte, et ça fonctionne en utilisant indifféremment la syntaxe Markdown et/ou HTML dans iA Writer  😉

Daniel Pesch
En réponse à  François Cuneo
il y a 7 années

François,
il y a un souci avec ton lien :

Oups ! Cette page est introuvable.

It looks like nothing was found at this location. Maybe try one of the links below or a search?

Jean-Yves
Jean-Yves
il y a 7 années

Que dire ? ?
@

il y a un souci avec ton lien :
Oups ! Cette page est introuvable.

Comme dans la découverte d’un nouvel appartement, j’imagine que s’approprier un nouveau cyber-espace demande un peu de temps. Au risque de butter contre une porte qu’on n’imaginait pas si près ?

Patience et longueur de temps, comme disait JDL …

53
0
Nous aimerions avoir votre avis, veuillez laisser un commentaire.x