Interface publique

DSFR Composants

Composants du Système de Design de l’État

Préfixe : dsfr_composants
Mis à jour le 6 juin 2025
SPIP 4.4

2.5.0  en développement

Télécharger

Mis à jour le 6 juin 2025

Documentation Code source
Compatible :
  • SPIP 4.4
  • SPIP 4.3
  • SPIP 4.2

Le plugin DSFR Composants charge automatiquement sur l’espace public les scripts CSS et Javascript permettant d’utiliser l’ensemble des composants DSFR. Vous devrez ensuite adapter le contenu de vos squelettes pour pouvoir utiliser ces différents composants.

Sur l’espace public, le plugin effectue les modifications suivantes :

Ajoute à la balise <html>

  • data-fr-scheme="system"

Ajoute dans la balise <head>

  • meta : charset,viewport et theme-color
  • favicon + manifest.webmanifest
  • /dsfr/dsfr.min.css
  • /dsfr/utility/utility.min.css (optionnel)
  • /css/dsfr_composants.css (styles CSS spécifiques au plugin)
  • /css/dsfr_icones.css (optionnel, seulement si vous avez ajouté des icônes dans le dossier dsfr_icones/)

Ajoute juste avant la fermeture de la balise </body>

  • /dsfr/dsfr.module.min.js
  • /dsfr/dsfr.nomodule.min.js
  • /dsfr/analytics/analytics.module.min.js (optionnel)
  • /dsfr/analytics/analytics.nomodule.min.js (optionnel)
  • /js/dsfr_composants.js (fonctions Javascript spécifiques au plugin)
Fichier XML
Version
2.5.0
Compatiblité
SPIP ≥ 4.2.0 et ≤ 4.*
État
en développement
Auteur
Jonathan OCHEJ
Crédits
Académie d'Orléans-Tours, Système de Design de l'État
Licence
GPL
Module de langue
dsfr_composants
Langue référence
français
Traductions
français
Archive
dsfr_composants-a6949-dsfr_composants-v2.5.0.zip
Taille
218.1 kio
Générée le
06-06-2025 15:29
Hébergée par
SPIP-Zone - Plugins
Nécessite les plugins
php ≥ 8.1
DSFR Lib ≥ 1.11.0 et ≤ 1.12.*
Compatible avec
Bannière
Coloration Syntaxique
Compagnon
MathJax pour SPIP !
MediaBox
Objets virtuels

2.4.5  en développement

Télécharger

Mis à jour le 13 novembre 2024

Documentation Code source
Compatible :
  • SPIP 4.4
  • SPIP 4.3
  • SPIP 4.2
  • SPIP 4.1
  • SPIP 4.0

Le plugin DSFR Composants charge automatiquement sur l’espace public les scripts CSS et Javascript permettant d’utiliser l’ensemble des composants DSFR. Vous devrez ensuite adapter le contenu de vos squelettes pour pouvoir utiliser ces différents composants.

Sur l’espace public, le plugin effectue les modifications suivantes :

Ajoute à la balise <html>

  • data-fr-scheme="system"

Ajoute dans la balise <head>

  • meta : charset,viewport et theme-color
  • favicon + manifest.webmanifest
  • /dsfr/dsfr.min.css
  • /dsfr/utility/utility.min.css (optionnel)
  • /css/dsfr_composants.css (styles CSS spécifiques au plugin)
  • /css/dsfr_icones.css (optionnel, seulement si vous avez ajouté des icônes dans le dossier dsfr_icones/)

Ajoute juste avant la fermeture de la balise </body>

  • /dsfr/dsfr.module.min.js
  • /dsfr/dsfr.nomodule.min.js
  • /dsfr/analytics/analytics.module.min.js (optionnel)
  • /dsfr/analytics/analytics.nomodule.min.js (optionnel)
  • /js/dsfr_composants.js (fonctions Javascript spécifiques au plugin)
Fichier XML
Version
2.4.5
Compatiblité
SPIP ≥ 4.0.0 et ≤ 4.*
État
en développement
Auteur
Jonathan OCHEJ
Crédits
Académie d'Orléans-Tours, Système de Design de l'État
Licence
GPL
Archive
dsfr_composants-a6949-dsfr_composants-v2.4.5.zip
Taille
210.9 kio
Générée le
13-11-2024 15:31
Hébergée par
SPIP-Zone - Plugins
Nécessite les plugins
php ≥ 8.1
DSFR Lib ≥ 1.11.0 et ≤ 1.12.*
Compatible avec
Bannière
Coloration Syntaxique
Compagnon
MathJax pour SPIP !
MediaBox
Objets virtuels

2.3.0  stable

Télécharger

Mis à jour le 5 juillet 2024

Documentation Code source
Compatible :
  • SPIP 4.4
  • SPIP 4.3
  • SPIP 4.2
  • SPIP 4.1
  • SPIP 4.0

Le plugin DSFR Composants charge automatiquement sur l’espace public les scripts CSS et Javascript permettant d’utiliser l’ensemble des composants DSFR. Vous devrez ensuite adapter le contenu de vos squelettes pour pouvoir utiliser ces différents composants.

Sur l’espace public, le plugin effectue les modifications suivantes :

Ajoute à la balise <html>

  • data-fr-scheme="system"

Ajoute dans la balise <head>

  • meta : charset,viewport et theme-color
  • favicon + manifest.webmanifest
  • /dsfr/dsfr.min.css
  • /dsfr/utility/utility.min.css (optionnel)
  • /css/dsfr_composants.css (styles CSS spécifiques au plugin)
  • /css/dsfr_icones.css (optionnel, seulement si vous avez ajouté des icônes dans le dossier dsfr_icones/)

Ajoute juste avant la fermeture de la balise </body>

  • /dsfr/dsfr.module.min.js
  • /dsfr/dsfr.nomodule.min.js
  • /dsfr/analytics/analytics.module.min.js (optionnel)
  • /dsfr/analytics/analytics.nomodule.min.js (optionnel)
  • /js/dsfr_composants.js (fonctions Javascript spécifiques au plugin)
Fichier XML
Version
2.3.0
Compatiblité
SPIP ≥ 4.0.0 et ≤ 4.*
État
stable
Auteur
Jonathan OCHEJ
Crédits
Académie d'Orléans-Tours, Système de Design de l'État
Licence
GPL
Archive
dsfr_composants-a6949-dsfr_composants-v2.3.0.zip
Taille
202 kio
Générée le
05-07-2024 16:57
Hébergée par
SPIP-Zone - Plugins
Nécessite les plugins
php ≥ 8.1
DSFR Lib ≥ 1.11
Compatible avec
MediaBox
Compagnon
Objets virtuels
MathJax pour SPIP !
Coloration Syntaxique

2.2.0  en développement

Télécharger

Mis à jour le 6 juin 2024

Documentation Code source
Compatible :
  • SPIP 4.2
  • SPIP 4.1
  • SPIP 4.0

Le plugin DSFR Composants charge automatiquement sur l’espace public les scripts CSS et Javascript permettant d’utiliser l’ensemble des composants DSFR. Vous devrez ensuite adapter le contenu de vos squelettes pour pouvoir utiliser ces différents composants.

Sur l’espace public, le plugin effectue les modifications suivantes :

Ajoute à la balise <html>

  • data-fr-scheme="system"

Ajoute dans la balise <head>

  • meta : charset,viewport et theme-color
  • favicon + manifest.webmanifest
  • /dsfr/dsfr.min.css
  • /dsfr/utility/utility.min.css (optionnel)
  • /css/dsfr_composants.css (styles CSS spécifiques au plugin)
  • /css/dsfr_icones.css (optionnel, seulement si vous avez ajouté des icônes dans le dossier dsfr_icones/)

Ajoute juste avant la fermeture de la balise </body>

  • /dsfr/dsfr.module.min.js
  • /dsfr/dsfr.nomodule.min.js
  • /dsfr/analytics/analytics.module.min.js (optionnel)
  • /dsfr/analytics/analytics.nomodule.min.js (optionnel)
  • /js/dsfr_composants.js (fonctions Javascript spécifiques au plugin)
Fichier XML
Version
2.2.0
Compatiblité
SPIP ≥ 4.0.0 et ≤ 4.2.*
État
en développement
Auteur
Jonathan OCHEJ
Crédits
Académie d'Orléans-Tours, Système de Design de l'État
Licence
GPL
Archive
dsfr_composants-a6949-dsfr_composants-v2.2.0.zip
Taille
170.2 kio
Générée le
06-06-2024 16:58
Hébergée par
SPIP-Zone - Plugins
Nécessite les plugins
php ≥ 8.1
DSFR Lib ≥ 1.11
Compatible avec
MediaBox
Compagnon
Objets virtuels
MathJax pour SPIP !

2.1.0  en développement

Télécharger

Mis à jour le 27 mai 2024

Documentation Code source
Compatible :
  • SPIP 4.2
  • SPIP 4.1
  • SPIP 4.0

Le plugin DSFR Composants charge automatiquement sur l’espace public les scripts CSS et Javascript permettant d’utiliser l’ensemble des composants DSFR. Vous devrez ensuite adapter le contenu de vos squelettes pour pouvoir utiliser ces différents composants.

Sur l’espace public, le plugin effectue les modifications suivantes :

Ajoute à la balise <html>

  • data-fr-scheme="system"

Ajoute dans la balise <head>

  • meta : charset,viewport et theme-color
  • favicon + manifest.webmanifest
  • /dsfr/dsfr.min.css
  • /dsfr/utility/utility.min.css (optionnel)
  • /css/dsfr_composants.css (styles CSS spécifiques au plugin)
  • /css/dsfr_icones.css (optionnel, seulement si vous avez ajouté des icônes dans le dossier dsfr_icones/)

Ajoute juste avant la fermeture de la balise </body>

  • /dsfr/dsfr.module.min.js
  • /dsfr/dsfr.nomodule.min.js
  • /dsfr/analytics/analytics.module.min.js (optionnel)
  • /dsfr/analytics/analytics.nomodule.min.js (optionnel)
  • /js/dsfr_composants.js (fonctions Javascript spécifiques au plugin)
Fichier XML
Version
2.1.0
Compatiblité
SPIP ≥ 4.0.0 et ≤ 4.2.*
État
en développement
Auteur
Jonathan OCHEJ
Crédits
Académie d'Orléans-Tours, Système de Design de l'État
Licence
GPL
Archive
dsfr_composants-a6949-dsfr_composants-v2.1.0.zip
Taille
163.2 kio
Générée le
27-05-2024 14:12
Hébergée par
SPIP-Zone - Plugins
Nécessite les plugins
php ≥ 8.1
DSFR Lib ≥ 1.11
Compatible avec
MediaBox
Compagnon
Objets virtuels
MathJax pour SPIP !

2.0.4  en développement

Télécharger

Mis à jour le 24 mai 2024

Documentation Code source
Compatible :
  • SPIP 4.2
  • SPIP 4.1
  • SPIP 4.0

Le plugin DSFR Composants charge automatiquement sur l’espace public les scripts CSS et Javascript permettant d’utiliser l’ensemble des composants DSFR. Vous devrez ensuite adapter le contenu de vos squelettes pour pouvoir utiliser ces différents composants.

Sur l’espace public, le plugin effectue les modifications suivantes :

Ajoute à la balise <html>

  • data-fr-scheme="system"

Ajoute dans la balise <head>

  • meta : charset,viewport et theme-color
  • favicon + manifest.webmanifest
  • /dsfr/dsfr.min.css
  • /dsfr/utility/utility.min.css (optionnel)
  • /css/dsfr_composants.css (styles CSS spécifiques au plugin)
  • /css/dsfr_icones.css (optionnel, seulement si vous avez ajouté des icônes dans le dossier dsfr_icones/)

Ajoute juste avant la fermeture de la balise </body>

  • /dsfr/dsfr.module.min.js
  • /dsfr/dsfr.nomodule.min.js
  • /dsfr/analytics/analytics.module.min.js (optionnel)
  • /dsfr/analytics/analytics.nomodule.min.js (optionnel)
  • /js/dsfr_composants.js (fonctions Javascript spécifiques au plugin)
Fichier XML
Version
2.0.4
Compatiblité
SPIP ≥ 4.0.0 et ≤ 4.2.*
État
en développement
Auteur
Jonathan OCHEJ
Crédits
Académie d'Orléans-Tours, Système de Design de l'État
Licence
GPL
Archive
dsfr_composants-a6949-dsfr_composants-v2.0.4.zip
Taille
160.1 kio
Générée le
24-05-2024 17:44
Hébergée par
SPIP-Zone - Plugins
Nécessite les plugins
php ≥ 8.1
DSFR Lib ≥ 1.11
Compatible avec
MediaBox
Compagnon
Objets virtuels
MathJax pour SPIP !

Dernières modifications

Information non disponible

Tickets ouverts

Aucun ticket ouvert

Messages de forum

  • 28 janvier : Bonjour, Nous utilisons le squelette DSFR dans l’académie de Lyon, mais à chaque fois que (…)
  • 7 octobre 2025 : Vous pouvez retrouver le périmètre d’application directement sur le site officiel du DSFR (…)
  • 7 mars 2025 : Bonjour, J’ai bien compris que le système de Design de l’État ne peut servir pour un site (…)
  • 17 janvier 2025 : Bonjour, oui ce plugin est disponible pour faciliter la création de tous sites de l’état avec (…)
  • 16 janvier 2025 : Bonjour, Est-ce qu’un lycée public d’une autre académie a le droit d’utiliser cette charte (…)
  • 19 novembre 2024 : Bonjour, J’utilise votre plugin pour un projet, merci beaucoup pour la mise à disposition des (…)