Administrateurs
Menus et navigation
Construire l'en-tête, les méga-menus, le menu du téléphone, le pied de page et les onglets de l'application mobile, vérifier l'aperçu puis publier.
L'écran Menus et navigation (/administration/menus, onglet Contenus du portail de la console) réunit toute la navigation du portail et de l'application mobile. Il demande la permission Administrer les menus (menus.gerer). Aucune modification de code n'est nécessaire : rubriques, colonnes, liens, icônes, blocs mis en avant, pied de page et onglets se règlent ici.
Brouillon, aperçu, publication #
Le constructeur travaille sur un brouillon : le portail garde la version publiée tant que vous n'avez pas cliqué sur Publier.
- Modifiez la navigation dans l'un des trois onglets (En-tête et méga-menus, Pied de page, Application mobile). Chaque changement enregistre le brouillon après un court délai ; Enregistrer le brouillon le fait aussitôt.
- Vérifiez le résultat dans le cadre Aperçu, à droite : il affiche le vrai en-tête et le vrai pied de page du portail calculés depuis le brouillon. Choisissez Bureau ou Téléphone (le menu plein écran s'ouvre), FR ou EN, et Brouillon ou Publiée pour comparer. Ouvrir une rubrique dans le constructeur déplie son méga-menu dans l'aperçu. Les liens de l'aperçu restent inactifs.
- Cliquez sur Publier puis confirmez. Le portail, le menu du téléphone et l'application mobile affichent aussitôt la nouvelle navigation : le cache du portail est vidé à la publication. La publication est inscrite au journal d'audit (Publication des menus et de la navigation), avec le détail de chaque élément créé, modifié ou retiré.
Abandonner le brouillon revient à la version publiée. Un seul brouillon existe pour toute la console : l'écran indique qui l'a modifié en dernier. Si la navigation a été publiée par ailleurs depuis l'ouverture du brouillon, un avertissement le signale ; Publier quand même remplace alors ces changements.
Un brouillon qui contient une erreur n'est pas enregistré : la liste des erreurs s'affiche en haut de l'écran, avec l'emplacement de chacune (par exemple « Rubrique 2 (Indicateurs), colonne 3, lien 1 : intitulé obligatoire »).
Déplacer un élément #
Chaque ligne (rubrique, colonne, lien, onglet) porte une poignée à gauche : faites-la glisser pour changer l'ordre. Un lien peut aussi passer d'une colonne à l'autre d'un même méga-menu, ou d'une colonne du pied de page à une autre. Au clavier, les boutons Monter et Descendre donnent le même résultat ; la nouvelle position est annoncée aux lecteurs d'écran. Le crayon ouvre le formulaire de l'élément, la corbeille le retire du brouillon après confirmation.
Rubriques de l'en-tête #
Onglet En-tête et méga-menus. Les rubriques s'affichent dans la barre de navigation dans l'ordre de la liste (dix au plus). Pour chaque rubrique :
- Intitulé en français (obligatoire) et en anglais (vide : le français s'affiche sur le portail anglais) ;
- Description de la rubrique : texte de la colonne d'introduction et du pied du méga-menu ;
- Destination : voir plus bas ; Aucune pour une rubrique qui ne fait qu'ouvrir son méga-menu ;
- Icône : bouton Choisir, puis recherche par mot (par exemple
graph,map,basket) dans le catalogue Bootstrap Icons ; l'icône s'affiche devant l'intitulé sur le portail ; - Visible, Ouvrir dans un nouvel onglet ;
- Pied du méga-menu : ligne basse du méga-menu avec la description et un lien vers la rubrique ;
- Afficher le compteur : remplace le texte du lien vers la rubrique par un nombre (indicateurs publics, actualités publiées ou acteurs), lorsque la rubrique mène au catalogue des indicateurs, aux actualités ou à l'annuaire des acteurs.
Destinations d'un lien #
| Destination | Choix proposés |
|---|---|
| Page du portail | liste des pages (Accueil, Catalogue des indicateurs, Tableau de bord, Prix des denrées, Publications, Agenda, Contact, Guide d'utilisation...), avec ses filtres éventuels : type de publication et thème pour les publications, système pour le catalogue des indicateurs, page du guide pour le guide. Section de la page vise une partie de la page (par exemple partenaires). |
| Page de contenu | une page de l'écran Pages éditoriales, y compris les pages de service (mentions légales, protection des données). Le lien suit l'adresse de la page et disparaît si elle repasse en brouillon. |
| Indicateur | la fiche d'un indicateur public. |
| Système | le catalogue filtré sur un système du référentiel. |
| Publication | le fichier ou le lien d'une publication de la base documentaire. |
| Adresse web | une adresse complète (https://...) ou un chemin du portail commençant par /, avec une adresse différente pour la version anglaise si besoin. |
Colonnes des méga-menus #
Une rubrique qui a des colonnes ouvre un méga-menu pleine largeur ; sans colonne, c'est un lien simple. Une rubrique compte quatre colonnes au plus, dans l'ordre de la liste. Avec quatre colonnes, elles sont de largeur égale, sauf si la première est la colonne des systèmes (elle est alors plus large). Chaque colonne a un type et un titre en français et en anglais :
| Type | Contenu |
|---|---|
| Liste de liens | liens avec icône, intitulé et Description courte ; Mettre en avant encadre un lien. |
| Systèmes du référentiel | systèmes actifs (Référentiel, Systèmes) avec leur nombre d'indicateurs publics, leur icône et leur description. Un système ajouté au référentiel apparaît seul ; décochez un système pour le masquer. |
| Prix des denrées | prix médians du dernier mois pour les denrées de base ; le premier lien de la colonne mène à la page des prix. |
| Introduction de la rubrique | symbole de la plateforme, texte (vide : la description de la rubrique) et lien (vide : l'adresse de la rubrique). |
| Indicateur à la une | dernière valeur nationale validée d'un indicateur choisi, ou Automatique (indicateur à la une de l'accueil). La photo vient de l'emplacement Menu Indicateurs : indicateur à la une (Médiathèque, Emplacements). |
| Dernière publication | publication la plus récente de la base documentaire, avec sa couverture. |
| Carte libre | titre, texte, image choisie dans la médiathèque, lien et libellé du lien. |
Une colonne sans contenu à montrer (aucun lien visible, aucune valeur pour l'indicateur, aucune publication) ne s'affiche pas. Laissé vide, le titre des colonnes Indicateur à la une et Dernière publication reprend le titre par défaut.
Menu du téléphone #
Sous 1 100 pixels de large, la navigation passe dans un menu plein écran. Il reprend les mêmes rubriques et les mêmes liens (les liens des colonnes et le lien des cartes libres ; les blocs de prix, d'indicateur et de publication restent propres au bureau). Le réglage Rubrique dépliée choisit la rubrique ouverte à l'affichage du menu : la première rubrique à méga-menu par défaut, une rubrique précise ou aucune.
Pied de page #
Onglet Pied de page :
- Colonnes de liens : colonnes du plan du site, chacune avec son titre en deux langues et ses liens (sans limite de nombre) ;
- Liens de contact : sous l'adresse, le téléphone et le courriel (ces coordonnées se règlent dans Paramètres, Contact) ;
- Liens utiles : bloc sous la lettre d'information, avec son titre ; une liste vide masque le bloc. Ces liens remplacent l'ancienne saisie texte « Libellé|adresse » des paramètres, reprise à l'installation ;
- Liens légaux : ligne basse. Automatique affiche les pages de service publiées par ordre alphabétique ; décochez pour choisir les liens et leur ordre, Reprendre les pages de service les ajoute d'un clic ;
- Bandeau des partenaires : affichage et titre. Les logos, noms, liens et l'ordre se gèrent dans l'écran Partenaires ;
- Textes du pied de page : titre, texte et bouton de la lettre d'information, mention qui suit le copyright. Vide : le texte par défaut.
La mention « Powered by » en bas à droite du pied de page est le seul élément fixe : elle ne se modifie pas.
Application mobile #
Onglet Application mobile : la barre d'onglets en bas de l'application (/app). Pour chaque onglet : Écran (Accueil, Indicateurs, Carte, Saisie, Prix, Plus), Intitulé en deux langues, Icône, Icône de l'onglet actif et Visible. Cinq onglets s'affichent au plus. L'onglet Saisie n'apparaît qu'aux comptes autorisés à saisir et prend alors la place de l'onglet Prix.
Écran Plus #
Sous la barre d'onglets, la zone Écran Plus règle les rubriques de l'écran Plus de l'application, en deux listes : Rubriques (en tête de l'écran) et Informations (après les réglages de l'appareil). Pour chaque entrée :
- Intitulé et Sous-titre, en français et en anglais ;
- Destination : un écran de l'application (Indicateurs, Carte, Prix des denrées, Publications, Recherche, Questions fréquentes, À propos, Contact, Données hors ligne, ou l'accueil du site web), une page du site (une page de service comme la protection des données, par exemple) ou une adresse web ;
- Icône, Visible et Ouvrir dans un nouvel onglet (lien vers le site web ou un site extérieur).
Une entrée qui mène à un écran déjà présent dans la barre d'onglets du compte n'est pas affichée : l'entrée Prix des denrées n'apparaît ainsi qu'aux comptes dont l'onglet Saisie remplace l'onglet Prix. Une entrée qui mène à un écran désactivé dans les paramètres n'est pas affichée non plus, et une page non publiée disparaît d'elle-même.
Restent toujours présents, sans réglage : le choix de la langue, les données hors ligne, la connexion ou l'accès à l'espace de travail, la version et la recherche de mise à jour, ainsi que le bouton de déconnexion.
Ce qui ne se règle pas ici #
- La loupe de recherche, le choix de langue (langues actives dans Paramètres) et la fenêtre Espace de travail de l'en-tête suivent l'état du visiteur (connecté ou non, droits du compte) et ne sont pas des éléments de menu.
- Le logo, le sigle, le nom de la plateforme et les couleurs se règlent dans Paramètres (identité).
- Les systèmes eux-mêmes (nom, icône, couleur, ordre) se règlent dans Référentiel, Systèmes.