|
# Système de design de l'État - Plugin DSFR pour le CMS SPIP
|
|
## Système de design de l'État - Plugin DSFR pour le CMS SPIP
|
|
|
|
|
|
## Version du plugin
|
|
### Version du plugin
|
|
|
|
|
|
|historique des versions|date |commentaire |
|
|
|historique des versions|date |commentaire |
|
|
|-----------------------|----------|------------|
|
|
|-----------------------|----------|------------|
|
... | @@ -11,31 +11,31 @@ Rédacteur : Mikaël Folio |
... | @@ -11,31 +11,31 @@ Rédacteur : Mikaël Folio |
|
|
|
|
|
Relecteur/testeur : Jean-Philippe Simonnet
|
|
Relecteur/testeur : Jean-Philippe Simonnet
|
|
|
|
|
|
## Compatibilité SPIP
|
|
### Compatibilité SPIP
|
|
|
|
|
|
Le plugin DSFR est compatible avec [SPIP 4.2+](https://www.spip.net/).
|
|
Le plugin DSFR est compatible avec [SPIP 4.2+](https://www.spip.net/).
|
|
|
|
|
|
## À propos de notre projet
|
|
### À propos de notre projet
|
|
|
|
|
|
Notre projet vise à mettre en place les mécanismes du Système de Design de l'État français (DSFR) sur un site SPIP en émulant un thème. Nous cherchons à créer une expérience utilisateur cohérente et accessible, en conformité avec les normes de l'État français. Ce projet est le fruit d'un travail collaboratif entre développeurs, designers et contributeurs passionnés par l'amélioration de l'accessibilité et de l'ergonomie des sites web.
|
|
Notre projet vise à mettre en place les mécanismes du Système de Design de l'État français (DSFR) sur un site SPIP en émulant un thème. Nous cherchons à créer une expérience utilisateur cohérente et accessible, en conformité avec les normes de l'État français. Ce projet est le fruit d'un travail collaboratif entre développeurs, designers et contributeurs passionnés par l'amélioration de l'accessibilité et de l'ergonomie des sites web.
|
|
|
|
|
|
## Qu'est-ce que le DSFR ?
|
|
### Qu'est-ce que le DSFR ?
|
|
|
|
|
|
Le DSFR est le volet numérique de la marque de l'État français. Il offre une cohérence graphique et une meilleure expérience utilisateur à travers tous les sites de l'État. Le DSFR comprend un ensemble de composants réutilisables qui répondent à des standards et à une gouvernance spécifiques, et qui peuvent être assemblés pour créer des sites Internet accessibles et ergonomiques. Pour en savoir plus, consultez le [site officiel du DSFR](https://www.systeme-de-design.gouv.fr/).
|
|
Le DSFR est le volet numérique de la marque de l'État français. Il offre une cohérence graphique et une meilleure expérience utilisateur à travers tous les sites de l'État. Le DSFR comprend un ensemble de composants réutilisables qui répondent à des standards et à une gouvernance spécifiques, et qui peuvent être assemblés pour créer des sites Internet accessibles et ergonomiques. Pour en savoir plus, consultez le [site officiel du DSFR](https://www.systeme-de-design.gouv.fr/).
|
|
|
|
|
|
### Fondamentaux
|
|
#### Fondamentaux
|
|
|
|
|
|
Les fondamentaux du DSFR comprennent les couleurs, les grilles et les icônes. Ces éléments de base sont essentiels pour construire votre site ou votre application. Ils sont conçus pour être facilement réutilisables et pour fournir une cohérence visuelle à travers votre site.
|
|
Les fondamentaux du DSFR comprennent les couleurs, les grilles et les icônes. Ces éléments de base sont essentiels pour construire votre site ou votre application. Ils sont conçus pour être facilement réutilisables et pour fournir une cohérence visuelle à travers votre site.
|
|
|
|
|
|
### Composants
|
|
#### Composants
|
|
|
|
|
|
Le DSFR propose 30 composants et modèles documentés. Ces composants sont disponibles sur Sketch et Figma, ainsi qu'en HTML/CSS via NPM. Ils comprennent des éléments tels que des boutons, des formulaires, des cartes, des menus, et bien plus encore. Chaque composant est conçu pour être facilement réutilisable et pour répondre à des standards d'accessibilité et d'ergonomie.
|
|
Le DSFR propose 30 composants et modèles documentés. Ces composants sont disponibles sur Sketch et Figma, ainsi qu'en HTML/CSS via NPM. Ils comprennent des éléments tels que des boutons, des formulaires, des cartes, des menus, et bien plus encore. Chaque composant est conçu pour être facilement réutilisable et pour répondre à des standards d'accessibilité et d'ergonomie.
|
|
|
|
|
|
## Comment nous utilisons le DSFR dans notre projet
|
|
### Comment nous utilisons le DSFR dans notre projet
|
|
|
|
|
|
Dans notre projet, nous utilisons une variété de composants DSFR pour construire notre site. Ces composants sont documentés et disponibles sur Sketch et Figma, ainsi qu'en HTML/CSS via NPM. Nous avons choisi ces composants pour leur accessibilité, leur ergonomie et leur conformité avec les normes de l'État français. Chaque composant utilisé dans notre projet est décrit en détail dans la section "Composants utilisés" de ce wiki.
|
|
Dans notre projet, nous utilisons une variété de composants DSFR pour construire notre site. Ces composants sont documentés et disponibles sur Sketch et Figma, ainsi qu'en HTML/CSS via NPM. Nous avons choisi ces composants pour leur accessibilité, leur ergonomie et leur conformité avec les normes de l'État français. Chaque composant utilisé dans notre projet est décrit en détail dans la section "Composants utilisés" de ce wiki.
|
|
|
|
|
|
### L'utilisation des composants du DSFR dans le plugin
|
|
#### L'utilisation des composants du DSFR dans le plugin
|
|
|
|
|
|
Le DSFR propose une variété de composants réutilisables qui sont conçus pour être accessibles, ergonomiques et conformes aux normes de l'État français. Voici quelques-uns des composants clés (x composant mis en place dans ce plugin):
|
|
Le DSFR propose une variété de composants réutilisables qui sont conçus pour être accessibles, ergonomiques et conformes aux normes de l'État français. Voici quelques-uns des composants clés (x composant mis en place dans ce plugin):
|
|
|
|
|
... | @@ -87,29 +87,29 @@ Le DSFR propose une variété de composants réutilisables qui sont conçus pour |
... | @@ -87,29 +87,29 @@ Le DSFR propose une variété de composants réutilisables qui sont conçus pour |
|
|
|
|
|
Les composants non cochés seront intégrés ultérieurement sous forme de modèles (dans la mesure du possible) pour être utilisés en éditorial.
|
|
Les composants non cochés seront intégrés ultérieurement sous forme de modèles (dans la mesure du possible) pour être utilisés en éditorial.
|
|
|
|
|
|
### Installation et configuration du plugin
|
|
#### Installation et configuration du plugin
|
|
|
|
|
|
- **Installation** : [Voir la page du Wiki destiné à cet effet](https://gitlab-forge.din.developpement-durable.gouv.fr/pub/cgdd-public/dsfr/spip/design-system-admin/-/wikis/home/Installation-du-plugin-DSFR)
|
|
- **Installation** : [Voir la page du Wiki destiné à cet effet](https://gitlab-forge.din.developpement-durable.gouv.fr/pub/cgdd-public/dsfr/spip/design-system-admin/-/wikis/home/Installation-du-plugin-DSFR)
|
|
- **Configuration** : [Voir la page du Wiki destiné à cet effet](https://gitlab-forge.din.developpement-durable.gouv.fr/pub/cgdd-public/dsfr/spip/design-system-admin/-/wikis/home/Configuration-du-plugin-DSFR)
|
|
- **Configuration** : [Voir la page du Wiki destiné à cet effet](https://gitlab-forge.din.developpement-durable.gouv.fr/pub/cgdd-public/dsfr/spip/design-system-admin/-/wikis/home/Configuration-du-plugin-DSFR)
|
|
|
|
|
|
## Contribuer à notre projet
|
|
### Contribuer à notre projet
|
|
|
|
|
|
Nous accueillons les contributions de tous ceux qui sont intéressés par notre projet. Si vous souhaitez contribuer, veuillez consulter nos directives de contribution. Nous avons une variété de tâches disponibles pour les contributeurs, allant de la documentation à la programmation. Toute aide est appréciée et nous sommes impatients de travailler avec vous !
|
|
Nous accueillons les contributions de tous ceux qui sont intéressés par notre projet. Si vous souhaitez contribuer, veuillez consulter nos directives de contribution. Nous avons une variété de tâches disponibles pour les contributeurs, allant de la documentation à la programmation. Toute aide est appréciée et nous sommes impatients de travailler avec vous !
|
|
|
|
|
|
## Communauté
|
|
### Communauté
|
|
|
|
|
|
La communauté du DSFR est une ressource précieuse pour les développeurs et les designers. Elle est composée de professionnels qui apportent leur expertise et leur soutien à ceux qui utilisent le DSFR. En faisant partie de cette communauté, vous pouvez obtenir de l'aide, partager vos idées, et contribuer à l'amélioration du DSFR.
|
|
La communauté du DSFR est une ressource précieuse pour les développeurs et les designers. Elle est composée de professionnels qui apportent leur expertise et leur soutien à ceux qui utilisent le DSFR. En faisant partie de cette communauté, vous pouvez obtenir de l'aide, partager vos idées, et contribuer à l'amélioration du DSFR.
|
|
|
|
|
|
## Ressources
|
|
### Ressources
|
|
|
|
|
|
- [Site officiel du DSFR](https://www.systeme-de-design.gouv.fr/)
|
|
- [Site officiel du DSFR](https://www.systeme-de-design.gouv.fr/)
|
|
- [Documentation des composants DSFR](https://www.systeme-de-design.gouv.fr/utilisation-et-organisation)
|
|
- [Documentation des composants DSFR](https://www.systeme-de-design.gouv.fr/utilisation-et-organisation)
|
|
- [Communauté DSFR](https://www.systeme-de-design.gouv.fr/communaute)
|
|
- [Communauté DSFR](https://www.systeme-de-design.gouv.fr/communaute)
|
|
|
|
|
|
## Contact
|
|
### Contact
|
|
|
|
|
|
Si vous avez des questions ou des commentaires sur notre projet, n'hésitez pas à nous contacter. Vous pouvez nous [Envoyer un email](mailto:webcgdd@developpement-durable.gouv.fr?Subject=Plugin/Thème%20DSFR%20CMS%20SPIP).
|
|
Si vous avez des questions ou des commentaires sur notre projet, n'hésitez pas à nous contacter. Vous pouvez nous [Envoyer un email](mailto:webcgdd@developpement-durable.gouv.fr?Subject=Plugin/Thème%20DSFR%20CMS%20SPIP).
|
|
|
|
|
|
## Site de test
|
|
### Site de test
|
|
|
|
|
|
Vous pouvez consulter notre [site de test](https://dsfr.digital-vision-pro.com) |
|
Vous pouvez consulter notre [site de test](https://dsfr.digital-vision-pro.com). |
|
\ No newline at end of file |
|
\ No newline at end of file |