Description

Créer une page d’accueil personnalisée, c’est utiliser les fonctionnalités du DSFR sans connaître forcément le langage HTML ou Spip qui permet de construire une page.

Exemple d’utilisation

Ex : la page d’accueil du portail pédagogique a été construite grâce à une page unique référencée « accueil » :

Le code inscrit dans cette page est le suivant :

<dsfr|barre_de_recherche|titre=non>

<dsfr|grille_articles|titre=Actualités|mot1>

<br></br>
<br></br>
----
<br></br>
<br></br>

<dsfr|grille_articles|titre=Actualités de la DRANE|rubrique1312|disposition=horizontale|trier_par=date_modification_inverse>

Nous utilisons donc pour cette page deux composants du DSFR qui commencent donc par <dsfr| :

  • barre_de_recherche
  • grille_articles

Les « | » [Alt Gr]+6 prononcer “paɪp” permet de poser des options à la fonction.
Le premier composant barre_de_recherche|titre=nonpermet d’afficher une barre de recherche simple sans titre.
Le deuxième composant grille_articles|titre=Actualités|mot1 se traduit par : “affiche moi une grille d’articles avec le titre "Actualités" et qui sont associés au mot clé n°1.”
Le troisième composant est un peu plus complexe grille_articles|titre=Actualités de la DRANE|rubrique1312|disposition=horizontale|trier_par=date_modification_inverse se traduit par : “Affiche moi une grille d’articles avec le titre "Actualités de la DRANE" dont les articles sont dans la rubrique n°1312 (sous-rubriques incluses) en respectant une disposition horizontale et triés par date de modification inverse”.

Les modèles disponibles

Pour l’instant, nous avons trois modèles disponibles pour créer une page personnalisée :

barre_de_recherche

  • Les options :
    • titre (vide=par défaut, personnalisé ou "non" pour ne pas afficher)
    • balise_titre ("h2->h6" - h2 par défaut)
    • rubrique[int] - unique
Ma barre de recherche


 Barre obtenue avec le code suivant : <dsfr|barre_de_recherche|rubrique1|balise_titre=h6|titre=Ma barre de recherche>

grille_articles

  • Les options :
    • titre (personnalisé, "non" pour ne pas afficher ou vide=par défaut)
    • balise_titre (h2 par défaut)
    • trier_par (date_publication|date_modification|titre|numero_dans_titre|numero)[_inverse] - "date_publication_inverse" par défaut
    • nombre (1 à 48 - "4" cartes par défaut)
    • pagination ("oui" par défaut)
    • disposition (verticale|horizontale - "verticale" par défaut)
    • rubrique[int] - ex : rubrique1 ou rubrique[1,3]
    • mot[int] - ex : mot1 ou mot[1,3]
    • article[int] - ex : article1 ou article[1,3]
Mes articles

Cette grille d’article a été obtenue avec le code suivant :
<dsfr|grille_articles|titre=Mes articles|rubrique=rubrique2|disposition=horizontale|trier_par=date_modification_inverse>

plan

  • Les options :
    • titre (personnalisé, "non" pour ne pas afficher ou vide=par défaut)
    • profondeur_max ("2" par défaut)
    • rubrique[int] (unique)

Ce plan a été obtenu avec le code suivant :
<dsfr|plan|titre=Plan de la rubrique 1|profondeur_max=4|rubrique1>