Mise en page des commentaires dans WordPress
Quand on écrit des commentaires sur un blog sous WordPress on dispose de certaines possibilité de formatage pour enrichir la présentation de nos interventions.
Les balises (aussi appelées tags) HTML autorisées sont les suivantes : <a href= »" title= »"> <abbr title= »"> <acronym title= »"> <b> <blockquote cite= »"> <code> <em> <i> <strike> <strong>
Nous allons voir comment utiliser ces balises dans un exemple de commentaire.
Voici donc le code source du premier commentaire sur cet article :
Lien : « a » <a href= »http://themes.WordPress-tuto.fr » title= »Infobulle d’un lien »>Texte du lien</a>
Abrégé : « abbr » : <abbr title= »abr. est l’abrégé d’abrégé »>Abr.</abbr>
Acronyme : « acronym » <acronym title= »SNCF est l’acronyme de Société Nationale des Chemins de Fer »>SNCF</acronym>
Gras : « b » : <b>Gras b</b>
Citation : « blockquote » : <blockquote cite= »ceci est une citation cite »>ceci est une citation</blockquote>
Du code : « code » : <code>Voici un petit morceau de code</code>
Emphase : « em » : <em>Ceci est un texte mis en évidence</em>
Italique : « i » : <i>Voici un texte en italique</i>
Barré : « strike » : <strike>Voilà du texte barré</strike>
Gras encore : « strong » : <strong>Le gras Strong</strong>
Tags : commentaires, mise-en-page-des-articles, tags
Lien : “a” Texte du lien
Abrégé : “abbr” : Abr.
Acronyme : “acronym” SNCF
Gras : “b” : Gras b
Citation : “blockquote” :
Du code : “code” :
Voici un petit morceau de codeEmphase : “em” : Ceci est un texte mis en évidence
Italique : “i” : Voici un texte en italique
Barré : “strike” :
Voilà du texte barréGras encore : “strong” : Le gras Strong
À noter que l’attribut <strike> n’est pas du XHMTL (strict) valide et qu’il faudrait le remplacer par le moins concis <span style= »text-decoration:line-through »>
Je signale également un petit plugin sympa qui permet d’activer un éditeur user-friendly pour les commentateurs : TinyMCEComments ; il faut ensuite, pour bien faire les choses, faire l’effort de pondre la CSS qui permettra que l’éditeur se fonde dans son propre thème.
J’ajoute enfin que l’algorithme de contrôle du code dans les commentaires n’est pas parfait, et qu’une commentatrice a, une fois, involontairement, ruiné ma page en oubliant de fermer les guillemets dans un <a href= »…. !
À noter aussi qu’en général on barre du texte pour marquer l’intention de le supprimer, de ne pas en tenir compte, à ce moment-là on peut utiliser la balise DEL qui elle, est faite pour et a du sens (contrairement à STRIKE ou 1 SPAN stylisé, utiles uniquement pour un « barré esthétique » dénué de tout sens sémantique)
@ burningHat » Merci pour cette très pertinente remarque qui amende mon commentaire. Il serait donc bon que WP autorise la balise <del> et sucre la balise <strike>.. Surtout que c’est quand même nettement plus court à taper que mon span à la noix, et permet une gestion plus fine du rendu via les CSS.
Merci pour ce message très utile.
N’y a t’il pas un moyen (plugin) pour obtenir un meilleur éditeur de commentaire ? avec des boutons pour insérer une image, du gras … ?
@ Vincent » Extension : TinyMCEComments
BRAVO
Je déconseille TinyMCEComments qui apporte beaucoup de bug :/
Mais je conseil fortement Textarea Toolbar qui permet d’insérer des smilies cliquable et d’autre bouton de mise en forme, très personnalisable
http://www.geekeries.fr/articles/textarea-toolbar-mise-en-forme-des-commentaires/
et bien moi je suis gan de tes articles, quoi qu’on muisse en dire !
Ceci est interessant, merci pour ce post! J’aime particulierement le
codeMerci pour le tuyau.
très cool, vraiment, vraiment.
Merci pour ce tuto ! Essai
Test
Je ne comprends pas pourquoi mon info bulle n’est pas terrible… ;(
Pas mal, vraiment bien.Je ne savais pas que l’on pouvait faire ca.
Merci pour tout.Intéressant !
bon, je me lance, voici un essai de texte barré ! ;p
ce texte est
barréou plutot un seul mot !