Skip to content

02 ‐ Spécificités de contribution

n-langle edited this page Jul 29, 2024 · 5 revisions

Entête et pied de page

Le paramétrage de l'entête de page et du pied de page se fait via le customizer de WordPress.

Menus WordPress

Afin de correspondre aux possibilités de configuration du DSFR, l'ajout des classes CSS commençant par fr- (préfix réservé aux éléments du DSFR) a été modifié pour qu'elles soient placées sur les liens <a> plutôt que sur l'élément parent <li>. Cette modification permet par exemple l'ajout d'icône.

Modale de paramétrage de l'affichage

Il est possible d'ajouter un lien vers la modale dans le menu 'Menu entête de page outils' et le menu 'Menu pied de page bas' via un lien personnalisé avec pour valeur d'URL : #fr-theme-modal.

Blocs de l'éditeur Gutenberg

Pour certains blocs et certaines compositions, il est possible d’ajouter des icônes via les champs classe(s) CSS :

  • Le bloc Boutons (voir les compositions informatives dans l'éditeur bouton informations et lien informations)
  • Le bloc Onglets (dans le champ du sous bloc Onglet "Classe(s) CSS du bouton de l'onglet")
  • La composition Alerte en style par défaut (dans le champ Classe(s) CSS du bloc Groupe parent, voir la composition informatives dans l'éditeur)
  • La composition Mise en avant (Remplacer la classe fr-icon-information-line dans le bloc Groupe parent par la classe de l'icône souhaitée)

Vous pouvez vour reporter à la liste d'icônes du DSFR ou à la composition informative dans l'éditeur pour connaitre les classes CSS pouvant être utilisées.

De la même manière, il est possible d'ajouter des variantes de tailles :

  • Le bloc Boutons (voir la composition informatives dans l'éditeur bouton informations)
  • La composition Alerte (dans le champ Classe(s) CSS du bloc Groupe parent, voir la composition informatives dans l'éditeur)
  • La composition Badge (dans le champ Classe(s) CSS du bloc Paragraphe)
Clone this wiki locally