From d7f77e72e813740584c4b92ce83bd00b806da2c0 Mon Sep 17 00:00:00 2001 From: Camille Monchicourt Date: Fri, 5 Apr 2024 00:44:37 +0200 Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=93=9D=20[Documentation]=20Improve=20?= =?UTF-8?q?static=20pages=20doc?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/usage/static-pages.rst | 62 ++++++++++++++++++++----------------- 1 file changed, 34 insertions(+), 28 deletions(-) diff --git a/docs/usage/static-pages.rst b/docs/usage/static-pages.rst index fc129abc07..0893d0b398 100644 --- a/docs/usage/static-pages.rst +++ b/docs/usage/static-pages.rst @@ -10,26 +10,26 @@ Les pages statiques sont les pages d'information et de contextualisation de votr .. figure:: ../images/user-manual/flatpages-gtecrins.jpg - Exemple de page statique (http://www.grand-tour-ecrins.fr/informations/le-grand-tour-des-ecrins/) + Exemple de page statique (https://www.grand-tour-ecrins.fr/information/1-Le-Grand-Tour-des-Ecrins) -Les pages statiques permettent de fournir à l’internaute et futur randonneur des informations génériques : présentation de votre structure, votre projet de randonnée, recommandations, informations pratiques, etc. +Les pages statiques permettent de fournir à l’internaute et futur randonneur des informations génériques : présentation de votre territoire, structures, partenaires, recommandations, informations pratiques, etc. Elles sont gérées depuis le site d'administration de Geotrek-admin et sont ensuite publiées sur Geotrek-rando via l'API. -Du point de vue d'un portail de valorisation comme Geotrek-rando on parle des pages statiques par opposition aux pages « dynamiques » qui correspondent à la page de recherche avec ses filtres et la carte, ainsi qu'aux pages de détails des résultats. Ces pages ne sont pas conçues manuellement mais sont un assemblage de multiples sources de données effectué par le logiciel Geotrek. +.. image:: ../images/user-manual/flatpages-adminsite.jpg + +Du point de vue d'un portail de valorisation comme Geotrek-rando on parle des pages statiques par opposition aux pages « dynamiques » qui correspondent aux objets saisis dans les différents modules de Geotrek-admin (itinéraires, POIs, contenus et événements touristiques, sites et parcours Outdoor...). Ces derniers sont accessibles depuis la page de recherche avec ses filtres et la carte, ainsi qu'avec leurs pages de détails. Ces pages ne sont pas conçues manuellement mais sont un assemblage dynamique de multiples sources de données effectué par le logiciel Geotrek. -Pour rendre les pages statiques accessibles aux visiteurs Geotrek-admin permet de gérer les menus déroulants dans l'en-tête du portail. Les éléments du premier niveau sont toujours apparents (s'il y a assez d'espace d'affichage, ou dans un menu « Burger » sinon). Et il est possible de définir des éléments de menu dans un 2ème niveau, accessibles en déroulant les menus. +Pour rendre les pages statiques accessibles aux visiteurs, Geotrek-admin permet de gérer les menus dans le bandeau du portail Geotrek-rando. Les éléments du premier niveau sont toujours apparents (s'il y a assez d'espace d'affichage, ou dans un menu « Burger » sinon). Et il est possible de définir des éléments de menu dans un 2ème niveau, accessibles en déroulant les menus. .. figure:: ../images/user-manual/flatpages_header_menus_example.png Exemple de menus déroulants définis dans Geotrek-admin -La section correspondante et le type d'entités s'appelle Élément Menu, dans cette documentation on pourra parler de menu pour signifier les éléments de menu si ça ne porte pas à confusion. +La section correspondante et le type d'entités s'appelle "Élément Menu", dans cette documentation on pourra parler de menu pour signifier les éléments de menu. Les exemples de présentation visuelle des menus et des pages statiques décrivent la manière dont Geotrek-rando peut exploiter ces données et paramètrages. La présentation pourrait être différente si le portail n'est pas propulsé par Geotrek-rando. -.. image:: ../images/user-manual/flatpages-adminsite.jpg - Créer une page statique ======================== @@ -47,9 +47,9 @@ Le formulaire de création/modification d'une page statique contient les champs - Position - Relative à -Seul le champ Titre est obligatoire pour créer une page statique. +Seul le champ "Titre" est obligatoire pour créer une page statique. -Les champs Titre, Publiée et Contenu peuvent recevoir une valeur différente pour chaque langue configurée. +Les champs "Titre", "Publiée" et "Contenu" peuvent recevoir une valeur différente pour chaque langue configurée. *Titre* @@ -61,7 +61,7 @@ Les champs Titre, Publiée et Contenu peuvent recevoir une valeur différente po *Portails* - Ce champ ne concerne que les pages qui ne sont pas ciblée par un menu. Permet de rendre la page visible sur certains portails pour y faire référence en-dehors des menus de navigation (dans le bas de page, dans le contenu d'une autre page, etc). + Ce champ ne concerne que les pages qui ne sont pas ciblées par un menu et les Geotrek-rando qui sont filtrés par portail. Permet de rendre la page visible sur certains portails pour y faire référence en-dehors des menus de navigation (dans le bas de page, dans le contenu d'une autre page, etc). Si une page est associée à un élément de menu, alors ce sera le (ou les) portail(s) associé(s) à cet élément de menu qui définira sur quel portail elle sera affichée et accessible. *Sources* @@ -84,9 +84,9 @@ Mise en forme et médias .. image:: ../images/user-manual/flatpages_tinymce_tools.png -Le champ contenu expose un éditeur de texte riche (TinyMCE) permettant d'ajouter de la mise en forme et des médias dans le contenu de la page. +Le champ "Contenu" expose un éditeur de texte riche (TinyMCE) permettant d'ajouter de la mise en forme et des médias dans le contenu de la page. -- mise en forme du texte : titres, styles du texte, couleur du texte +- mise en forme du texte : titres, style du texte, couleur du texte - insertion de listes - encart "Information" - lien sous forme de bouton @@ -104,25 +104,29 @@ Insérer une image .. image:: ../images/user-manual/flatpages_tinymce_tools_insert.png -L'outil *Insérer/modifier* une image permet d'insérer une image dans le contenu. Les champs suivants sont à renseigner : +L'outil *Insérer/modifier* une image permet d'insérer une image dans le contenu. Il est possible d'insérer une image déjà en ligne en renseignant son URL, ou de la télécharger sur le serveur. Privilégiez des images de taille suffisante, mais pas trop grande et volumineuse non plus car cela alourdira le chargement des pages inutilement. + +Les champs suivants sont à renseigner : - Source - Description alternative : non-affichée, pour l'accessibilité et les formes de consultation alternatives du contenu - Largeur et Hauteur de présentation de l'image en pixels -- checkbox Afficher le sous-titrage insère une zone de texte collée à l'image pour présenter un titre (le titre est à saisir dans le contenu une fois le formulaire validé) +- checkbox "Afficher le sous-titrage" insère une zone de texte collée à l'image pour afficher la légende et l'auteur de l'image (le titre est à saisir dans le contenu à la place du terme "Caption", une fois le formulaire d'ajout de l'image validé) + +Une fois l'image chargée, il est possible de la redimensionner, et de l'aligner à gauche ou à droite du reste du contenu. -Insérer des suggestions de contenu Geotrek ------------------------------------------- +Insérer des suggestions de contenus Geotrek +------------------------------------------- .. image:: ../images/user-manual/flatpages_tinymce_tools_geotrek.png Avec l'outil *Suggestions*, les champs suivants sont à renseigner : -- le type de contenu (itinéraires, contenu touristique, événements ou site d'activités de plein nature) +- le type de contenu (itinéraires, contenu touristique, événements ou site outdoor) - les identifiants des contenus (séparés par des virgules. Par exemple : 12,8,73) - un titre pour l'encart de suggestions -Après la validation du formulaire une zone récapitulant les informations saisies sous forme textuelle est placée dans le contenu de la page. Le site portail enrichira la présentation des suggestions avec les titres des contenus suggérés à la place des identifiants et les images associées. +Après la validation du formulaire une zone récapitulant les informations saisies sous forme textuelle est placée dans le contenu de la page. Le portail Geotrek-rando enrichira la présentation des suggestions avec les titres des contenus suggérés à la place des identifiants et les images associées. Vérifier la mise en page du contenu ----------------------------------- @@ -134,10 +138,12 @@ Les outils suivants sont disponibles : - *Afficher les blocs* : permet de contrôler finement la séparation du contenu en blocs (pratique pour les paragraphes de texte) - *Code source* : affiche et permet de modifier directement le contenu au format HTML (pour les utilisateurs avertis) +Il est aussi possible de prévisualiser une page statique avant de la rendre accessible à tous en l'associant à un élément de menu. Pour cela, créer la page, la publier et y accéder en saisissant son URL directement : ``https://URL-GEOTREK-RANDO/information/ID-PAGE`` (exemple : ``https://gtr3demo.ecrins-parcnational.fr/information/6``). Vous pourrez aussi alors récupérer son URL complète générée par Geotrek-rando, si vous souhaitez faire un lien vers cette page statique sans la rendre accessible depuis le menu. + Publier une page ================ -Une page créée n'est pas immédiatement visible sur un portail. Il faut d'abord la marquer comme Publiée pour chacune des langues souhaitées. Il faut ensuite lui donner un moyen d'être visitée sur le site portail. Plusieurs options : +Une page créée n'est pas immédiatement visible sur un portail Geotrek-rando. Il faut d'abord la marquer comme "Publiée" pour chacune des langues souhaitées. Il faut ensuite lui donner un moyen d'être accessible sur le site portail. Plusieurs options : - faire figurer un lien vers la page dans les menus déroulants (voir `Arborescence de menus`_) - placer la page dans l'arborescence des pages (voir `Arborescence des pages statiques`_) @@ -148,11 +154,11 @@ Arborescence de menus .. image:: ../images/user-manual/flatpages_admin_with_menuitems.png -La page liste des Éléments Menus indique la structure arborescente qui sous-tend les menus déroulants tels qu'ils apparaîtront sur le portail. +La page listant les "Éléments Menus" indique la structure arborescente qui sous-tend les menus tels qu'ils apparaîtront sur le portail. .. note:: - Un portail de type Geotrek Rando ne peut afficher que 2 niveaux de menus ! + Un portail de type Geotrek-rando ne peut afficher que 2 niveaux de menus ! Chaque élément de menu a les champs suivants : @@ -164,26 +170,26 @@ Chaque élément de menu a les champs suivants : - [Si type de cible est "lien"] l'*URL du lien* (par langue) et checkbox *Ouvrir dans un nouvel onglet* - *Position* et *Relative à* -Chaque Élément Menu peut avoir une cible ou non. S'il a une cible le clic sur le menu y accédera. Il y a trois possibilités de cibles : +Chaque élément de menu peut avoir une cible ou non. S'il a une cible le clic sur le menu y accédera. Il y a trois possibilités de cibles : - une page statique Geotrek, avec le type de cible = "page" - avec le type de cible = "lien" : - + une page web externe sur un autre site web, par exemple "https://fr.wikipedia.org/wiki/Randonnée". Auquel cas une bonne pratique web est d'ouvrir un nouvel onglet (checkbox cochée) + + une page web externe sur un autre site web, par exemple ``https://fr.wikipedia.org/wiki/Randonnée``. Auquel cas une bonne pratique web est de l'ouvrir un nouvel onglet (checkbox cochée) + une page web interne au portail, typiquement une recherche pré-enregistrée, par exemple "/search?practices=4&difficulty=2&duration=1". Auquel cas une bonne pratique est de rester sur le même onglet (checkbox non-cochée) -Le champ *Plateforme* permet de différencier des menus destinés uniquement à un portail web ou uniquement à une app Geotrek Mobile. Cette possibilité de paramètrage sera bientôt supprimée. +Le champ *Plateforme* permet de différencier des menus destinés uniquement à un portail web ou uniquement à une application Geotrek-mobile. Cette possibilité de paramètrage sera bientôt supprimée. Arborescence des pages statiques ================================ .. image:: ../images/user-manual/flatpages_admin_with_flatpages.png -Les pages statiques sont organisées dans une structure arborescente, une page statique peut avoir des pages enfants et une unique page parente. L'arborescence des pages statiques permet d'organiser le contenu statique d'un portail d'une manière intelligible pour les visiteurs du site. +Les pages statiques sont organisées dans une structure arborescente. Une page statique peut avoir des pages enfants et une unique page parente. L'arborescence des pages statiques permet d'organiser le contenu statique d'un portail d'une manière intelligible pour les visiteurs du site. -Les pages enfants sont accessibles depuis une page parente dans Geotrek-rando. +Les pages enfants sont accessibles depuis le bas d'une page parente dans Geotrek-rando. -Compatibilité de contenu créé avec l'ancien éditeur -==================================================== +Compatibilité de contenu créé avec l'ancien éditeur +=================================================== L'ancien éditeur de contenu des pages statiques (éditeur de grille avec Bootstrap) a été supprimé avec la déprécation de Geotrek-rando-v2. From 8c00a50a98b5902dbb391637a042cd9fcb29a9b8 Mon Sep 17 00:00:00 2001 From: Camille Monchicourt Date: Fri, 5 Apr 2024 10:08:49 +0200 Subject: [PATCH 2/2] Add changelog --- docs/changelog.rst | 3 +++ 1 file changed, 3 insertions(+) diff --git a/docs/changelog.rst b/docs/changelog.rst index 5fad2a4c3e..b9897d023d 100644 --- a/docs/changelog.rst +++ b/docs/changelog.rst @@ -5,6 +5,9 @@ CHANGELOG 2.104.2+dev (XXXX-XX-XX) ------------------------ +**Documentation** + +- Improve static pages documentation (#4050) 2.104.2 (2024-04-04)