“Vous pouvez utiliser ces balises et attributs HTML …”

2010 10 25 A 00

Pourquoi faire ?

pour modifier l’aspect du commentaire.

Les balises que nous offre WordPress pour les commentaires

Prenons tout de suite de bonnes habitudes, quand on ouvre une balise, il faut la fermer après, donc en premier la balise d’ouverture, entre les signes < et > , en second la balise de fermeture, la même, entre les signes </ et >. Entre les deux, le texte dont vous voulez modifier l’aspect dans votre commentaire.

<a href="" title=""> et </a href="" title=""> encadrent un titre en y ajoutant un lien

<abbr title=""> et </abbr title=""> encadrent un titre

<acronym title=""> et </acronym title=""> encadrent un titre acronyme
<b> et </b> encadrent un texte en gras, équivaut à un clic sur G après sélection dans Writer,
<blockquote cite=""> et </blockquote cite=""> encadrent une citation indentée,
<cite> et </cite> encadrent une citation,

<code> et </code> encadrent une instruction,

<pre> et </pre> encadrent un texte préformatté en conservant les espaces, les retours à la ligne et les tabulations,

<del datetime=""> et </del datetime=""> encadrent
<em> et </em> encadrent un texte avec emphase,
<i> et </i> encadrent un texte q en italique, équivaut à un clic sur I après sélection dans Writer,
<q cite="">  et </q cite="">  encadrent un texte qui apparaîtra entre guillemets,
<strike> et </strike> encadrent un texte barré, équivaut à un clic sur a après sélection dans Writer,
<strong>  et </strong> encadrent un texte avec forte accentuation rendue par du gras.

Exemples :

J’ai copié-collé les lignes suivantes en commentaire chez moi

<a href="" title="">titre</a href="" title="">

<abbr title="">titre</abbr title="">

<acronym title="">titre acronyme</acronym title="">
<b>texte en gras</b>
<blockquote cite="">citation indentée</blockquote cite="">
<cite>citation</cite>
<code>instruction</code>
<pre>texte préformatté en conservant les espaces, les retours à la ligne et les tabulations</pre>
<del datetime=""> et </del datetime=""> 
<em>texte avec emphase</em>
<i>texte en italique</i>
<q cite="">texte entre guillemets</q cite=""> 
<strike>texte barré</strike>
<strong>texte avec forte accentuation rendue par du gras</strong>
Voici un copié-collé de ce que ça a donné :

titre

titre

titre acronyme
texte en gras

citation indentée

citation
instruction

texte préformatté en conservant les espaces, les retours à la ligne et les tabulations

et
texte avec emphase
texte en italique
texte entre guillemets
texte barré
texte avec forte accentuation rendue par du gras

On peut utiliser plusieurs balises pour un même texte mais

on doit fermer d’abord la dernière balise, puis l’avant dernière et ainsi de suite.

  1. #1 par musica92 le 26 octobre 2010 - 20 h 11 min

    Ca marche !
    Super ! Merci.
    Ceci dit, je ne pense pas utiliser cette fonction pour les coms car je ne pourrai jamais mémoriser les balises. Mais top !

  2. #2 par musica92 le 26 octobre 2010 - 20 h 09 min

    Je fais une tentative :

    Mes amitiés
    Bisous Monique

  3. #3 par Zéphyrine le 26 octobre 2010 - 16 h 14 min

    Quand tu auras trouvé comment écrire en couleur dans le blog du voisin, ça m’intéresse, je ne trouve pas…Pour le moment ça ne marche que dans notre blog perso.

    • #4 par Monique-Mauve le 26 octobre 2010 - 18 h 16 min

      http://wpbtips.wordpress.com/2010/05/23/html-allowed-in-comments-2/
      ce n’est pas possible, sauf à modifier du code CSS si je comprends bien, ce qui est payant (et risqué) ou à ajouter un plugin qui le fait automatiquement. J’en ai croisé deux mais je ne sais pas si nous, sur WordPress.com, on peut le faire ni si les plugins sont gratuits. Dalila sait peut-être…
      Le bloggeur là-haut est sur .com aussi et ce qu’il fait dans ses comms !

  4. #5 par Zéphyrine le 26 octobre 2010 - 16 h 13 min

    Est-ce que tu te sers de PFS ?, parce que mes encadrements, enfin certains sont fait avec le plugin supplémentaire appelé « dégradé« ..

    • #6 par Monique-Mauve le 26 octobre 2010 - 17 h 15 min

      Je l’ai sur l’ordi, sachant que vous vous en servez toutes, et puis il faut reconnaitre que ses filtres de lentilles sont super-élaborés. Et ?

    • #7 par Monique-Mauve le 26 octobre 2010 - 17 h 19 min

      Il donne seulement un dégradé linéaire .

  5. #8 par claudielapicarde le 26 octobre 2010 - 11 h 20 min

    C’est un très bon article mais je suis un peu à l’ouest en ce moment j’essaierai plus tard.
    bisous et merci

  6. #9 par Monique-Mauve le 25 octobre 2010 - 21 h 12 min

    Plusieurs balises, moyen mnémotechnique : imaginer qu’on rentre chez soi et qu’on en repart :
    j’ouvre la porte d’entrée
    j’ouvre la porte de la salle à manger
    je fais ce que j’ai à faire
    je referme la porte de la salle à manger
    je referme la porte d’entrée

  7. #10 par pascalouchantal le 25 octobre 2010 - 20 h 32 min

    Merci , j’ai bien noté. C’est vraiment un beau travail .

  8. #11 par musica92 le 25 octobre 2010 - 19 h 43 min

    Bon, je lirai ça à tête reposée. Mais merci de travailler pour nous.
    Bisous Monique.

  9. #12 par Fr@ne & @l le 25 octobre 2010 - 19 h 22 min

    merci MoMau, je garde ça sous le coude, mais je ne comprends pas pourquoi dans mon copié de page HTML (qui est dans les possibilités d’écriture d’article dans on thème), je n’obtiens jamais la même écriture …
    Bisous
    Fr@ne

  10. #13 par giselefayet le 25 octobre 2010 - 19 h 15 min

    Je veux bien essayer, mais je ne sais pas si j’arriverai à tout mettre en html , en tous cas, merci pour tes explications .

Répondre

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l'aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

%d blogueurs aiment cette page :