Plugin DSFR : Les raccourcis typographiques

Mis à jour le jeudi 24 avril 2025

La barre des raccourcis typographiques

Plusieurs raccourcis typographiques sont disponibles via la barre typographique SPIP. Sélectionnez le texte, et cliquez sur le raccourci souhaité.

  • T : pour structurer votre texte : sous-titre de niveau 1, 2,3, encadrer
  • G : pour mettre en gras, italique, en couleur, etc : Gras italique Petites capitales barré couleur 1 couleur 2
  • les listes à puces
  • les liens
  • les tableaux
  • les citations
  • Les caractères spécifiques : À É È æ œ Ç, etc

Liens accessibles

Pour afficher une info bulle sur les liens :
[Texte cliquable | Texte info bulle -> http://..... ]
Texte cliquable

Boutons

Pour transformer un lien en bouton, il faut ajouter la classe fr-btn :
[ mon texte|texte info bulle-> url_page#+fr-btn+#]
Par exemple, pour un bouton bleu :
[Consultez le site web ac-noumea.nc |vice-rectorat de la Nouvelle-Calédonie-> https://www.ac-noumea.nc/#+fr-btn+#]
Consultez le site web ac-noumea.nc

Par exemple, pour un bouton blanc à bord bleu :
[Consultez le site web ac-noumea.nc |vice-rectorat de la Nouvelle-Calédonie-> https://www.ac-noumea.nc/#+fr-btn fr-btn--secondary+#]
Consultez le site web ac-noumea.nc

Blocs Accordéon

Les blocs "accordéon" permettent de créer des sections de texte extensibles et repliables, améliorant ainsi la lisibilité et l’organisation du contenu.

 <accordion>
   <title>
     Le titre du premier bloc
   </title>
   <text>
     Le texte du premier bloc
   </text>
   <title>
     Le titre du second bloc
   </title>
   <text>
     Le texte du second bloc
   </text>
</accordion>

Exemple :

Le texte du premier bloc

Le texte du second bloc

Les citations

<quote> Texte de la citation</quote>

Mignonne, allons voir si la rose
Qui ce matin avoit desclose
Sa robe de pourpre au Soleil,
A point perdu ceste vesprée
Les plis de sa robe pourprée,
Et son teint au vostre pareil.

Bloc de code

<code>
echo "Hello World";
< /code>

Dans la même rubrique