Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
panneau_d_edition [2026-05-13] adminpanneau_d_edition [2026-05-22] (Version actuelle) – [Médiathèque] admin
Ligne 1: Ligne 1:
 ====== Panneau d’édition ====== ====== Panneau d’édition ======
  
-L’outil d’édition des contenus est Prismic. Il s’agit d’une plateforme offrant une **interface simplifiée** pour éditer les **contenus** du site web. On peut s’y connecter à l’adresse suivante : [[https://prismic.io/dashboard]] ou encore [[https://www.chantalringuet.com/panneau]].+L’outil d’édition des contenus est Prismic. Il s’agit d’une plateforme offrant une **interface simplifiée** pour éditer les **contenus** du site web. On peut s’y connecter à l’adresse suivante : [[https://prismic.io/dashboard]] ou encore via [[https://www.chantalringuet.com/panneau]].
  
 {{ ::prismic-accueil.png?600 |Aperçu de l’accueil du panneau d’édition}} {{ ::prismic-accueil.png?600 |Aperçu de l’accueil du panneau d’édition}}
- 
-Pour retrouver plus rapidement un document, on peut utiliser le **filtre** pour afficher uniquement les documents d’un certain type (voir la section **[[#types_de_documents|Types de documents]]** plus bas). 
- 
-{{ ::prismic-types-documents.png?600 |Capture d’écran du filtre d’affichage des types de documents}} 
  
 ===== Types de documents ===== ===== Types de documents =====
  
-Plusieurs **types de documents** composent le site. Cette typologie permet de mieux segmenter l’information en fonction du **type d’objet à représenter** : les auteurs ou la collection pour un livre (type **Publication**), la date et le lieu pour une conférence (type **Événement**) par exemple.+Plusieurs types de documents composent le site. Cette typologie permet de mieux **segmenter l’information** en fonction du type d’objet à représenter : les auteurs ou la collection pour un livre (type **Publication**), la date et le lieu pour une conférence (type **Événement**) par exemple.
  
 {{ ::chantalringuet-carte-du-site.png |Carte (schématique) du site ChantalRinguet.com}} {{ ::chantalringuet-carte-du-site.png |Carte (schématique) du site ChantalRinguet.com}}
Ligne 19: Ligne 15:
     * exemple : ''/fr'' (redirigé depuis ''/'')     * exemple : ''/fr'' (redirigé depuis ''/'')
   * 🗞️ **Index des actualités**   * 🗞️ **Index des actualités**
-    * description : page qui liste automatiquement toutes les actualités en ordre anté-chronologique+    * description : page qui liste automatiquement toutes les actualités en ordre antéchronologique
     * exemple : ''/fr/actualites''     * exemple : ''/fr/actualites''
   * 🗞️ **Actualité**   * 🗞️ **Actualité**
Ligne 25: Ligne 21:
     * exemple : ''/fr/actualites/nouveau-livre-foret-en-chambre''     * exemple : ''/fr/actualites/nouveau-livre-foret-en-chambre''
   * ✂️ **Index des retailles**   * ✂️ **Index des retailles**
-    * description : page qui liste automatiquement toutes les retailles de presse en ordre anté-chronologique+    * description : page qui liste automatiquement toutes les retailles de presse en ordre antéchronologique (« Revue de presse »)
     * exemple : ''/fr/revue-de-presse''     * exemple : ''/fr/revue-de-presse''
   * ✂️ **Retaille**   * ✂️ **Retaille**
-    * description : une retaille de presse individuelle, qui sera affichée sur l’**Index des retailles**+    * description : une retaille de presse individuelle, qui sera affichée sur l’**Index des retailles** (« Revue de presse »)
   * 📆 **Index des événements**   * 📆 **Index des événements**
-    * description : page qui liste automatiquement tous les événements en ordre anté-chronologique+    * description : page qui liste automatiquement tous les événements en ordre antéchronologique
     * exemple : ''/fr/evenements''     * exemple : ''/fr/evenements''
   * 📆 **Événement**   * 📆 **Événement**
Ligne 51: Ligne 47:
     * exemple : ''/fr/bio''     * exemple : ''/fr/bio''
  
-De plus, les **Réglages** globaux du site (comme les entrées du menu de navigatnio, les comptes vers les médias sociaux, le copyright du pied de page) peuvent être modifiés dans un document de données spécial :+De plus, les **Réglages** globaux du site (comme les entrées du menu de navigation, les comptes vers les médias sociaux, le copyright du pied de page) peuvent être modifiés dans un document de données spécial :
  
   * ⚙️ **Réglages**   * ⚙️ **Réglages**
     * description : gestion des paramètres du site, comme les entrées du menu de navigation, le texte des droits dans le pied de page, les métadonnées par défaut     * description : gestion des paramètres du site, comme les entrées du menu de navigation, le texte des droits dans le pied de page, les métadonnées par défaut
  
-Enfinune section **Médias** (//Media Library//, accessible dans la barre latérlae) permet de gérer les téléversements de fichiers (images, documents PDF, etc.). Cela permet de réutiliser plusieurs fois une même image pour différentes pages.+Pour retrouver plus rapidement un documenton peut utiliser le **filtre** pour afficher uniquement les documents d’un certain type (voir la section **[[#types_de_documents|Types de documents]]** plus bas). 
 + 
 +{{ ::prismic-types-documents.png?600 |Capture d’écran du filtre d’affichage des types de documents}}
  
 ===== Créer une page ===== ===== Créer une page =====
Ligne 64: Ligne 62:
 Depuis la page d’accueil du panneau d’édition, utiliser le bouton **Create a new page** dans le coin supérieur droit. Depuis la page d’accueil du panneau d’édition, utiliser le bouton **Create a new page** dans le coin supérieur droit.
  
-{{ ::prismic-creer-page.png?400 |Capture d’écran annotée : flèche montrant le bouton « Create a new page »}}+{{ ::prismic-creer-page.png?600 |Capture d’écran annotée : flèche montrant le bouton « Create a new page »}}
  
 Une boîte de dialogue demandera de sélectionner le **type de document** à créer. Le type de document ne pourra pas être modifié plus tard – il est donc important de choisir s’il s’agit d’une **📚 Publication** ou d’une **🗞️ Actualité**, par exemple. Une boîte de dialogue demandera de sélectionner le **type de document** à créer. Le type de document ne pourra pas être modifié plus tard – il est donc important de choisir s’il s’agit d’une **📚 Publication** ou d’une **🗞️ Actualité**, par exemple.
  
-{{ ::prismic-nouvelle-page-type.png?400 |Capture d’écran de l’étape sélection du type de document à créer.}}+{{ ::prismic-nouvelle-page-type.png?600 |Capture d’écran de l’étape sélection du type de document à créer.}}
  
 ===== Modifier une page ===== ===== Modifier une page =====
Ligne 78: Ligne 76:
     * **Onglets :** ces champs sont **groupés par onglets**, généralement entre la **partie visible** (comme le titre et le corps du document) et les **métadonnées** (texte de description pour les moteurs de recherche (SEO), image de couverture pour les médias sociaux)     * **Onglets :** ces champs sont **groupés par onglets**, généralement entre la **partie visible** (comme le titre et le corps du document) et les **métadonnées** (texte de description pour les moteurs de recherche (SEO), image de couverture pour les médias sociaux)
     * **Langue :** chaque document est produit pour une langue (français ou anglais). Pour qu’une page correspondante existe également dans l’autre langue, il faudra **créer la page** soit en dupliquant le contenu, soit en sélectionnant la langue et en entrant le nouveau contenu.     * **Langue :** chaque document est produit pour une langue (français ou anglais). Pour qu’une page correspondante existe également dans l’autre langue, il faudra **créer la page** soit en dupliquant le contenu, soit en sélectionnant la langue et en entrant le nouveau contenu.
-  - **Les blocs** (azur) permettent de composer le corps de la page de manière souple et modulaire, en insérant par exemple une **bloc de prose**, **une grille**, ou encore une **liste des publications**. Une « carte » des blocs répétables se trouve sur le côté gauche.+  - **Les blocs** (azur) permettent de composer le corps de la page de manière souple et modulaire, en insérant par exemple une **bloc de prose**, **une grille**, ou encore une **liste des publications**. Une « carte » des blocs répétables se trouve sur le côté gauche. Voir aussi : référence sur les [[Blocs:]].
   - **Les fonctionnalités Prismic** (en violet) :   - **Les fonctionnalités Prismic** (en violet) :
     * **Nom interne :** un nom interne permet de nommer des documents autrement que par leur titre, en incluant la date d’un événement ou en nommant une série de brouillons. Ce nom est uniquement visible dans Prismic, jamais pour les visiteurs.     * **Nom interne :** un nom interne permet de nommer des documents autrement que par leur titre, en incluant la date d’un événement ou en nommant une série de brouillons. Ce nom est uniquement visible dans Prismic, jamais pour les visiteurs.
Ligne 84: Ligne 82:
     * **Prévisualiser :** ce bouton permet de prévisualiser l’aperçu d’une page lorsqu’elle a été créée et modifiée (ouverture dans un nouvel onglet). Étant donné qu’un mécanisme de cookies est utilisé, il est nécessaire de désactiver le blocage des cookies intersites.     * **Prévisualiser :** ce bouton permet de prévisualiser l’aperçu d’une page lorsqu’elle a été créée et modifiée (ouverture dans un nouvel onglet). Étant donné qu’un mécanisme de cookies est utilisé, il est nécessaire de désactiver le blocage des cookies intersites.
     * **Enregistrer/publier :** un document peut être enregistré comme brouillon, publié immédiatement ou encore publié plus tard grâce à une minuterie.     * **Enregistrer/publier :** un document peut être enregistré comme brouillon, publié immédiatement ou encore publié plus tard grâce à une minuterie.
 +
 +Certains types de documents comportent des particularités ; se référer au [[Guide:]] pour l’édition de documents spécifiques, comme la page d’accueil ou l’index des projets.
 +
 +===== Médiathèque =====
 +
 +Enfin, une « Médiathèque » (//Media Library//, accessible dans la barre latérale) permet de gérer les téléversements de fichiers (images, documents PDF, etc.). Elle permet de réutiliser plusieurs fois une même image sur différentes pages, sans avoir à téléverser à nouveau le même média et à en modifier les métadonnées de nouveau.
 +
 +{{ ::prismic-media-library.png?nolink |Capture d’écran annotée de la médiathèque}})
 +
 +**Nommage des fichiers :** il est fortement recommandé de **nommer les fichiers de manière descriptive** : cela facilite leur repérage futur (par exemple, les couvertures de livres sont nommées d’après le titre de l’ouvrage. Les images liés à un événement peuvent être horodatés.
 +
 +**Texte alternatif :** il est également recommandé de fournir le texte alternatif de l’image, afin de fournir aux personnes malvoyantes un indice sur le contenu des images. Cette pratique facilite également le repérage futur des images, avec une description plus riche que le nom de fichier.
 +
 +**Tags :** les médias peuvent être étiquetés pour faciliter leur repérage, par exemple avec l’étiquette (//tag//) ''couverture'' pour retrouver facilement toutes les couvertures de livre. Cette fonctionnalité est interne à Prismic et n’a aucun effet du côté des visiteurs.
 +