Pages statiques & menusï
Les pages statiques sont les pages dâinformation et de contextualisation de votre portail web Geotrek-rando. Comme pourraient lâĂȘtre les premiĂšres pages dâun topo-guide papier. Elles peuvent aussi ĂȘtre consultĂ©es dans votre application Geotrek-mobile.
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.
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.
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.
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.
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.
CrĂ©er une page statiqueï
Le formulaire de crĂ©ation/modification dâune page statique contient les champs suivants :
Titre *
Publiée
Portails
Sources
Image de couverture
Auteur image couverture
Contenu
Position
Relative Ă
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.
Titre
Il sâagit du titre de votre page qui sera visible et mis en avant sur la page elle-mĂȘme. Le titre sert Ă©galement Ă gĂ©nĂ©rer lâadresse web de la page.
Publiée
Une page nâest visible sur le portail de valorisation que si elle a Ă©tĂ© publiĂ©e dans lâadmin. On peut publier une page uniquement pour certaines langues.
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).
Sources
Permet dâattribuer une ou plusieurs sources au contenu de la page. Les sources peuvent ĂȘtre crĂ©Ă©es sur le site dâadministration dans la section COMMUN ou directement avec le bouton + Ă cĂŽtĂ© de ce champ.
Cover image
Permet de saisir une image grand format qui sera affichée en mode bandeau en haut de la page.
Contenu
Le contenu de la page, sa mise en forme, les mĂ©dias qui y sont insĂ©rĂ©s. Le contenu peut ĂȘtre traduit avec les valeurs spĂ©cifiques pour chaque langue configurĂ©e.
Position et Relative Ă
Ces champs sont une alternative au glisser-dĂ©poser sur la liste des Pages Statiques et permettent de dĂ©placer les pages dans lâarborescence (voir Arborescence des pages statiques).
Mise en forme et mĂ©diasï
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
insertion de listes
encart « Information »
lien sous forme de bouton
citation
MĂ©dias :
insérer une image
insérer une vidéo YouTube
insérer un lien vers une autre page
encart de suggestion de contenu Geotrek
InsĂ©rer une imageï
Lâoutil InsĂ©rer/modifier une image permet dâinsĂ©rer une image dans le contenu. 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Ă©)
InsĂ©rer des suggestions de contenu Geotrekï
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)
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.
VĂ©rifier la mise en page du contenuï
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)
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 :
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)
placer un lien direct dans une autre section du site : dans une page dâaccueil personnalisĂ©e, dans un bas de page, etc.
Arborescence de menusï
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.
Note
Un portail de type Geotrek Rando ne peut afficher que 2 niveaux de menus !
Chaque élément de menu a les champs suivants :
Titre
Publié
Portails
Type de cible
[Si type de cible est « page »] la page cible
[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 :
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 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.
Arborescence des pages statiquesï
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.
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.
Les pages statiques crĂ©Ă©es avec lâancienne version de lâĂ©diteur continueront de fonctionner sans changement sur le portail Geotrek-rando v3. Cependant il se peut que le balisage du contenu crĂ©Ă© par lâancien Ă©diteur doive ĂȘtre retirĂ© pour pouvoir utiliser Ă nouveau les styles et outils de mise en forme.
Comment procéder ?
par précaution faire une copie du contenu, en incluant toutes les informations (URLs des images, etc)
utiliser lâoutil code (
< >
) pour obtenir une copie du contenu incluant les balises HTMLretirer toutes les balises grĂące Ă un outil en ligne (voir ci-dessous)
remplacer lâancien code avec le contenu nettoyĂ© dans la fenĂȘtre de lâoutil code, valider
refaire la mise en forme
Il existe beaucoup de service web pour nettoyer un contenu de ses balises HTML. Voici les deux premiers rĂ©sultats provenant dâun moteur de recherche :