Plugin : Thème Système de design de l'état non configuré
Bonjour,
Merci d'avoir installé ce plugin.
Il permet de mettre en place sur vos sites web (SPIP) toute l'architecture du Système de design de l'état, et s'appuie sur la version test du DSFR.
Ce plugin s'appuie en fait sur 2 plugins
- DSE : Permet de configurer la totalité des éléments appartenant au DSFR (header, footer ...)
- DSE-THEME : Permet de gérer le contenu des pages du site (css, javascript, contenu html...)
Quelques éléments intégrés lors de cette mise à jour
Pages d'erreurs
- Erreur 404 : Page non trouvée (Aperçu de la page)
- Erreur 500 : Erreur inattendue (Aperçu de la page)
- Erreur 503 : Service temporairement indisponible (Aperçu de la page)
Contenus
-
Nouveautés version 1.7.1
Installation du plugin + installation de SPIP
-
Instructions d'installation
- Lien du Spip 3 - Système de design de l'état : https://gitlab-forge.din.developpement-durable.gouv.fr/cgdd/sdsed-bun/pole-web/configuration-dse/-/tree/main/spip3
- Télécharger une version zip du plugin
-
Instructions de configuration du plugin ADMIN
Le fichier de configuration : dse_options.php (/plugins-dist/dsfr/dse/dse-options.php); toute la configuration passe uniquement par ce fichier - Les champs que vous ne souhaitez pas utiliser, doivent être (sauf mention contraire) laissés vides
- _PLUGIN_THEME_DSFR_INSTALLE : indique si le plugin est configuré (Valeur possible "oui" / "non")
- _MASQUER_LE_TITRE : permet de masquer le titre du site (Valeur possible "oui" / "non")
- _TITRE_ONGLET_NAVIGATEUR : Titre dans les onglets de navigateur
- _MASQUER_LE_SLOGAN : permet de masquer le slogan du site (Valeur possible "oui" / "non")
- _META_DESCRIPTION : Méta description par défaut dans le cas où on aurait aucun description
- _TEXTE_MARIANNE : Texte Marianne, le passage à la ligne est gérer par les < br >. Ex: République < br >Française
- _AFFICHER_LOGO_SECONDAIRE : permet d'autoriser l'affichage d'un logo secondaire (Valeur possible "oui" / "non")'
- _URL_LOGO_SECONDAIRE : Url du logo secondaire
- _ALTERNATIVE_LOGO_SECONDAIRE : Alternative du logo seondaire
- _METTRE_EN_BERNE_LE_DRAPEAU : permet de mettre en berne le drapeau (Valeur possible "oui" / "non")
- _AFFICHER_PARTAGE_RESEAUX_SOCIAUX : permet d'autoriser l'affichage des liens d'accès aux réseaux sociaux (Valeur possible "oui" / "non")
- _URL_FACEBOOK : Url facebook (Laisser vider pour ne pas prendre en compte)
- _URL_TWITTER : Url twitter (Laisser vider pour ne pas prendre en compte)
- _URL_INSTAGRAM : Url instagram (Laisser vider pour ne pas prendre en compte)
- _URL_LINKEDIN : Url linkedin (Laisser vider pour ne pas prendre en compte)
- _URL_YOUTUBE : Url youtube (Laisser vider pour ne pas prendre en compte)
- _URL_RSS : Url rss (Laisser vider ppourn epas prendre en compte)
- _AFFICHER_NEWSLETTER : permet d'autoriser l'affichage du bloc newsletter (celui-ci peut être de deux types; un simple lien ou un formulaire
- _TYPE_NEWSLETTER : permet de définir le type de la newsletter (lien ou formulaire) (Laisser vider pour ne pas prendre en compte)
- _LIEN_NEWSLETTER : Lien de la newsletter (si type = lien sinon laissez vide)
- _TITRE_LIEN_NEWSLETTER : Titre du formulaire newsletter (si type = formulaire sinon laissez vide ou vide si pas d'utilité)
- _TITRE_BOUTON_SUBMIT_NEWSLETTER : Titre du bouton d'envoi du formulaire newsletter (si type = formulaire sinon laissez vide ou vide si pas d'utilité)
- _URL_NEWSLETTER : URL du formulaire newsletter (si type = lien sinon laissez vide)
- _TITRE_FORM_NEWSLETTER : Titre newsletter (valable pour les 2 types sinon laissez vide si aucune utilité)
- _SLOGAN_FORM_NEWSLETTER : Slogan de la newsletter (valable pour les 2 types sinon laissez vide si aucune utilité)
- _DESCRIPTION_NEWSLETTER : Description de la newsletter (valable pour les 2 types sinon laissez vide si aucune utilité)
- _AFFICHER_LA_BARRE_DE_RECHERCHE : permet d'autoriser l'affichagede la barre de recherche (Valeur possible "oui" / "non")
- _AUTORISER_LES_PARAMETRES_D_AFFICHAGE : permet d'autoriser l'affichage du mode dark (Valeur possible "oui" / "non")
- _PARAMETRES_D_AFFICHAGE_PAR_DEFAUT : Fixe le paramêtre par défaut du mode dark (par défaut : dark)
- _AUTORISER_LA_LISTE_D_ACCES_RAPIDES : permet d'autoriser l'affichage des liens d'accs rapides (Valeur possible "oui" / "non")
- Il y a une particuliarité entre la liste d'accès rapide et le mode dark. Si la liste d'accès comporte 3 liens, le bouton "Paramêtres d'affichage" n'apparaîtra pas.
- _LISTE_D_ACCES_RAPIDES_LIEN_1 : Lien 1 de la liste d'accès rapide (Format : titre du lien;icone;url) (laisser vide si non utilisées)
- _LISTE_D_ACCES_RAPIDES_LIEN_2 : idem _LISTE_D_ACCES_RAPIDES_LIEN_1 ci-dessus
- _LISTE_D_ACCES_RAPIDES_LIEN_3 : idem _LISTE_D_ACCES_RAPIDES_LIEN_1 ci-dessus
- _AUTORISER_LA_GESTION_DES_COOKIES : Permet d'autoriser la gestion des cookies
- _LISTE_DES_COOKIES : Liste des cookies à gérer
- _AUTORISER_LE_BOUTON_RETOUR_EN_HAUT_DE_PAGE : Permet d'autoriser le bouton "Haut de page"
- _URL_PAGE_DE_CONTACT : Défini l'url de la page contact
- _ACTIVER_DES_MENUS : Permet d'autoriser l'affichage de menus (Les menus sont de 3 types: direct, deroulant ou megamenu
- _NOMBRE_DE_MENUS : Permet de définir le nombre de menu à afficher (max :9)
- _LIGNE_DE_MENU_1 : Menu 1
- _LIGNE_DE_MENU_2 : Menu 2
- _LIGNE_DE_MENU_3 : Menu 3
- _LIGNE_DE_MENU_4 : Menu 4
- _LIGNE_DE_MENU_5 : Menu 5
- _LIGNE_DE_MENU_6 : Menu 6
- _LIGNE_DE_MENU_7 : Menu 7
- _LIGNE_DE_MENU_8 : Menu 8
- _LIGNE_DE_MENU_9 : Menu 9
- Exemple de menu direct : direct;Menu simple;/
- Exemple de menu déroulant : : deroulant;Menu déroulant;Sous-menu 1;/;Sous-menu 2;/;Sous-menu 3;/;Sous-menu 41;/;Sous-menu 5;/
- Exemple de mégamenu : megamenu;Megamenu;Titre Mega menu;Description Mega menu;Lien interne;/;menu1;Menu 1;Lien 1 menu 1;/;Lien 2 menu 1;/;Lien 3 menu 1;/;Lien 4 menu 1;/;menu2;Menu 2;Lien 1 menu 2;/;Lien 2 menu 2;/;Lien 3 menu 2;/;menu3;Menu 3;Lien 1 menu 3;/;Lien 2 menu 3;/;menu4;Menu 4;Lien 1 menu 4;/;Lien 2 menu 4;/;Lien 3 menu 4;/
- _AUTORISER_AFFICHAGE_LISTE_DE_LIENS : Permet d'autoriser l'affichage de liens de navigation
- _LISTE_DE_LIENS : liste de liens de navigation
- Exemple de liste de liens de navigation : catégorie 1;Lien de navigation 1;/;Lien de navigation 2;/;Lien de navigation 3;/;Lien de navigation 4;/;Lien de navigation 5;/;Lien de navigation 6;/;Lien de navigation 7;/;Lien de navigation 8;/* catégorie 2;Lien de navigation 1;/;Lien de navigation 2;/;Lien de navigation 3;/;Lien de navigation 4;/;Lien de navigation 5;/;Lien de navigation 6;/;Lien de navigation 7;/;Lien de navigation 8;/* catégorie 3;Lien de navigation 1;/;Lien de navigation 2;/;Lien de navigation 3;/;Lien de navigation 4;/;Lien de navigation 5;/;Lien de navigation 6;/;Lien de navigation 7;/;Lien de navigation 8;/* catégorie 4;Lien de navigation 1;/;Lien de navigation 2;/;Lien de navigation 3;/;Lien de navigation 4;/;Lien de navigation 5;/;Lien de navigation 6;/;Lien de navigation 7;/;Lien de navigation 8;/* catégorie 5;Lien de navigation 1;/;Lien de navigation 2;/;Lien de navigation 3;/;Lien de navigation 4;/;Lien de navigation 5;/;Lien de navigation 6;/;Lien de navigation 7;/;Lien de navigation 8;/* catégorie 6;Lien de navigation 1;/;Lien de navigation 2;/;Lien de navigation 3;/;Lien de navigation 4;/;Lien de navigation 5;/;Lien de navigation 6;/;Lien de navigation 7;/;Lien de navigation 8;/
- _AUTORISER_LES_PARTENAIRES : Permet d'autoriser l'affichage de partenaires
- _LIENS_PARTENAIRES_PRINCIPALES : partenaires principaux (Essayez de rester sobre; 2 à 3 max
- _LIENS_PARTENAIRES_SECONDAIRES : partenaires secondaires
- _LIENS_ECOSYTEME_INSTITUTIONNEL : ces liens sont obligatoires, vous ne devez pas les modifier (caractèrere de séparation : *)
- legifrance.gouv.fr;https://legifrance.gouv.fr* gouvernement.fr;https://gouvernement.fr* service-public.fr;https://service-public.fr* data.gouv.fr;https://data.gouv.fr')
- _LIENS_OBLIGATIONS_LEGALES : Les liens obligatoires
- Données personnelles;/?article44* Mentions légales;/?article42* Accessibilité : partiellement conforme;/?article43* Plan du site;/?page=plan
- _AUTH_BII : Permet d'autoriser l'affichage du Bandeau d'information importante
- _BII_MESSAGE : Message du bandeau
- Exemple : Label titre du bandeau d'information importante, avec un texte assez long, et un lien au fil du texte lorem ipsum dolor sit lorem ipsum dolor sit.
- _AFFICHER_LE_SELECTEUR_DE_LANGUE : Permet d'autoriser l'affichage du Sélecteur de langue
- _LANGUES_DISPONIBLES : Langues disponibles (FR;Français*EN;English*ES;Espagnol*DE;Deutsch*TR;Turke*RO;Romana)(Vous pouvez supprimer ou ajouter des langues)
- _LANGUES_PAR_DEFAUT : Langue par défaut (FR;Français)
Champs à configurer
2. Instructions de configuration du plugin DSE-THEME
- Le plugin dse-theme est livré sans les fichiers minimum nécessaires rubrique.html, article.html et sommaire.html.
- Vous devez modifier vos propres fichiers et les intégrer dans DSE-theme (plugins-dist/dsfr/dse-theme/).
- Et ce n'est qu'à cette condition que tout fonctionnera.
- Pour vous aider, des fichiers .md sont disponibles dans DSE-THEME, ils contiennent le header et le footer
Information : Fonctions disponibles
Quelles sont les paramêtres du DSE que vous pouvez configurer
- Gestion logos primaires et secondaires
- Gestion titre + slogan
- Gestion mise en berne
- Configuration réseaux sociaux
- Configuration Favicons
- Gestion statistiques
- Gestion barre de recherches
- Gestion Darkmode
- Gestion accès rapides
- Gestion cookies
- Gestion menus (30%)
- Gestion Liste de liens
- Gestion partenaire
- Gestion footer