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-21] – [Médiathèque] 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}}
Ligne 55: Ligne 55:
  
 {{ ::prismic-types-documents.png?600 |Capture d’écran du filtre d’affichage des types de documents}} {{ ::prismic-types-documents.png?600 |Capture d’écran du filtre d’affichage des types de documents}}
- 
-===== 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. 
  
 ===== Créer une page ===== ===== Créer une page =====
Ligne 87: 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 93: 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.
 +