Charte graphique de l’état

Utiliser le squelette DSFR pour SPIP

La page d’accueil

La mise en page et le contenu de la page d’accueil se gère au travers de l’utilisation de mots clés.

Page sommaire

Le mot clé DSFR_Menu permet d’afficher une rubrique dans le menu ne navigation

Le mot clé DSFR_Bandeau permet de créer un bandeau. Le document (image) qui a le mot clé, va apparaitre en fond. L’article et son logo vont venir se positionner par dessus. La taille idéale de l’image pour le bandeau est 1920x640.

Le mot clé DSFR_A_la_une affiche jusqu’à 4 articles sous forme de carte horizontale avec logo, titre, surtitre et sous-titre. Le descriptif du mot clé est utilisé comme titre de la section sur la page d’accueil

L’actualité, les derniers articles sont par page de 4 sur une ligne si l’on n’affiche pas l’agenda. Si l’agenda est affiché, on affiche alors 6 articles sur 2 lignes.

Le mot clé DSFR_LienRapide permet d’afficher jusqu’à 6 articles sous forme de tuile verticale. On affiche le logo (carré) le titre et le sous-titre.

En pied de page, on affiche le titre (en lien) des sites références ayant le mot clé DSFR_Site_institutionnel

Le mot clé DSFR_Partenaire_Gauche permet d’affiche le logo d’un seul site dans la partie gauche partenaires.
Le mot clé DSFR_Partenaire_Droite permet d’afficher plusieurs logos de sites dans la partie droite partenaires

Autre type de page sommaire

Le mot clé DSFR_Menu permet d’afficher une rubrique dans le menu de navigation

Le mot clé DSFR_Carousel permet de créer un diaporama de 1 à 3 articles. L’image de fond est le logo de l’article. On affiche aussi le titre et une description ou introduction. La taille idéale des logos est 1200x500.

Le mot clé DSFR_LienRapide permet d’afficher jusqu’à 6 articles sous forme de tuile verticale. On affiche le logo (carré) le titre et le sous-titre.

Le mot clé DSFR_A_la_une affiche jusqu’à 4 articles sous forme de carte horizontale avec logo, titre, surtitre et sous-titre. Le descriptif du mot clé est utilisé comme titre de la section sur la page d’accueil

Le mot clé DSFR_CallOut met en avant 1 article avec logo, titre et descriptif

L’actualité, les derniers articles sont par page de 4 sur une ligne si l’on n’affiche pas l’agenda. Si l’agenda est affiché, on affiche alors 6 articles sur 2 lignes.

En pied de page, on affiche le titre (en lien) des sites références ayant le mot clé DSFR_Site_institutionnel

La page rubrique

La mise en avant des articles se fait en utilisant la fonctionnalité de sélection d’articles

En donnant à la rubrique le mot clé DSFR_Rubrique_Filtre on active les filtres sur les articles. Pour choisir les groupes de mots clés utilisés comme filtres, il faut donner un mot clé par groupe à la rubrique.

Ressource(s) associée(s)

Autres Tutoriels de
Squelette DSFR pour SPIP

Article rédigé par Philippe ROCA