FOSM passe à Wagtail ! 🐦

Deutsch English Español Français Italiano

Le site du portail de la Fédération Open Space Maker a été mis à jour pour passer de django-cms à Wagtail ! Découvrez ici les changements principaux de l'interface pour les contributeurs du site.

Si vous êtes un contributeur régulier de notre plateforme, vous risquez de vous retrouver un peu perdu car l'interface d'administration du site est totalement changée. Nous allons découvrir quelques un de ces changements afin de vous guider dans cette transition.

Accéder à l'administration

L'accès à l'administration se fait depuis votre menu personnel : le premier lien intitulé « Wagtail's Admin » vous permettra d'afficher l'interface d'administration pour gérer vos contenus.

Menu utilisateur   accès à l'interface d'administration

Sur cette interface d'administration vous aller pouvoir retrouver « un guide de l'éditeur » qui vous aidera à la prise en main de l'outil. N'hésitez pas à vous y référer si vous êtes perdus !

Modifier / créer un contenu

Lorsque vous modifiez ou créez un contenu, vous avez désormais tous les champs disponibles, organisés par onglets. Auparavant, vous deviez d'abord créer votre contenu avec ses propriétés (titre, résumé...) mais sans son contenu principal, ce qui était un peu paradoxal.

Les formulaires s'organisent tous sur le même principe : un onglet par langue vous permettant de traduire les champs traduisibles (n° 1 sur l'image ci-dessous), et X autres onglets regroupant les champs par thématique (n° 2 sur l'image ci-dessous).

Modification d'un contenu FOSM via l'interface de wagtail

Utilisation de l'éditeur

L'éditeur peut sembler simpliste de prime abord puisqu'il ne contient aucune barre d'outils. En fait, les différents outils n’apparaîtront que si leur affichage est nécessaire : soit en sélectionnant du texte (afin de pouvoir le transformer en lien, en liste, appliquer du gras etc.), soit en demandant explicitement l'ouverture de la barre :

  1. via le petit bouton « + » à gauche de ligne courante dans l'éditeur
  2. en tapant « / », vous permettant de tout faire au clavier sans passer par la souris !

Affichage des outils dans l'éditeur de wagtail

Ces outils vous permettent de gérer la mise en forme de votre contenu mais également d'ajouter des contenus plus riches / spécifiques (une image, une vidéo ou mème un formulaire de contact !)

Exemple d'outils disponibles dans un éditeur Wagtail

Prévisualisation du rendu du contenu

Wagtail fait en sorte que vous vous concentrez sur le contenu en priorité, et non sur sa présentation. Ainsi vous pouvez rédiger celui-ci en ne vous posant que les questions de « sémantique » (quel niveau de titre mettre ? Ce passage ou mot est-il important et dois-je mettre l'accent dessus en le mettant en gras, etc.)

Une fois votre contenu rédigé, vous avez envie de voir comment il va se présenter sans forcément le publier dès à présent. Pour se faire, vous trouverez l'option de prévisualisation en haut à droite, via une icône représentant un smartphone.

Accéder à la prévisualisation d'un contenu dans l'admin

En cliquant sur ce bouton, un panneau latéral va s'ouvrir, vous permettant de prévisualiser votre contenu sous les 3 formats d'affichage les plus populaires (smartphone, tablette et ordinateur) et d'ajuster votre présentation en fonction. Le passage aux différentes résolutions d'affichage se fait via les icônes dédiées (n° 1, 2 et 3 sur l'image ci-dessous), tandis qu'une dernière icône vous permet d'afficher la prévisualisation dans un nouvel onglet / nouvelle fenêtre (n° 4 sur l'image ci-dessous).

Différentes résolutions d'affichage pour la preview dans l'admin de wagtail

En bas de la preview, suivant les contenus, vous pouvez également choisir un type de contexte d'affichage différent (n° 5 sur l'image ci-dessus). Par exemple une actualité peut s'afficher sur sa page de détail (par défaut) mais également au sein d'une liste d'actualité (où on affiche que le résumé de celle-ci et pas son contenu par exemple).

Afin de ne pas avoir cette seule actualité affichée en mode « liste », elle sera dupliquée 4 fois.

Affichage de la preview en mode liste

L'interface de wagtail est globalement pensée pour que vous puissiez faire la majeure partie de votre édition au clavier.

retour à la liste