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 :
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
Premier pas : Ajouter un document ou une image
Pour ajouter un document (image, pdf, ...), il est conseillé que l’article soit déjà enregistré. (…)
Premier pas : Publier un article
Créer un article Dans l’espace d’admin, placez-vous dans la rubrique où vous voulez placer votre (…)
Premier pas : Rubrique et Menus
Ajouter une rubrique Dans le menu « Edition », cliquer sur « Rubriques ». Dans la zone centrale, (…)