Passer au contenu principal

Barre de navigation et pages personnalisées

Organise le menu de ta plateforme et crée des pages personnalisées

Écrit par Ken Van Mechelen

C'est quoi, la barre de navigation ?

La barre de navigation, c'est le menu qui se trouve en haut de chaque page de votre plateforme. Elle permet aux utilisateurs d'accéder rapidement aux sections principales : la page d'accueil, la liste des projets, les événements, ainsi que toutes les pages, tous les projets ou tous les dossiers que vous y ajoutez.

Une barre de navigation bien structurée facilite la navigation sur la plateforme, met en avant ce qui compte le plus pour votre communauté et reflète le fonctionnement de votre organisation, que ce soit par thème, par quartier ou par service.

Vous pouvez le gérer dans le panneau d'administration → menu Pages & . Vous pouvez réorganiser les éléments, les renommer dans toutes les langues de la plateforme, les supprimer et ajouter tes propres pages, projets et dossiers personnalisés.

  • La barre de navigation peut contenir jusqu'à 7 éléments: l'onglet « Accueil » est fixe, vous pouvez donc en ajouter jusqu'à 6 autres0>.

  • Les éléments par défaut (« Accueil », « Tous les projets », « Toutes les contributions », « Événements ») peuvent être renommés ou masqués, mais ne peuvent pas être supprimés. Les éléments masqués sont déplacés vers la liste « Autres pages disponibles », d'où vous pourrez les rajouter ultérieurement.

  • Les liens externes ne sont pas pris en charge: les éléments de navigation renvoient toujours vers un contenu de la plateforme elle-même.

Qu'est-ce qu'une page personnalisée ?

Une page personnalisée est une page autonome et flexible qui permet de partager des informations avec votre communauté. Elle dispose de sa propre URL (yourplatform.org/pages/your-page) et peut être ajouté à la barre de navigation. Utilisations courantes :

  • Pôles régionaux ou de quartier (par exemple : quartier Nord, centre-ville)

  • Présentations des services (par exemple : Travaux publics, Services à la jeunesse)

  • Pôles de projets thématiques (par exemple : climat, & , développement durable)

  • Centres de ressources (par exemple : FAQ sur les services publics, rapports et documents)

Une page personnalisée se compose de six sections que vous pouvez activer ou désactiver : une bannière principale, une section d'informations en haut de page, des pièces jointes, une liste de projets et de dossiers, une liste d'événements et une section d'informations en bas de page.

Le concept clé : une page affiche des projets, elle ne les contient pas. Vous ne devez jamais créer ni déplacer un projet ou un dossier « sur » une page personnalisée. Au lieu de cela, la page dispose d'un filtre (intitulé « Éléments liés ») et affiche automatiquement tous les projets qui correspondent à ce filtre. Le filtre fonctionne à partir de étiquettes, de zones ou d'un Espace. C'est vous qui déterminez le contenu de la page en attribuant ces éléments à vos projets, y compris ceux que vous créerez ultérieurement et qui s'afficheront automatiquement sur la page.

ℹ️ La création de pages personnalisées et l'affichage des projets associés sur ces pages sont des fonctionnalités soumises à licence. Si vous ne voyez pas le bouton « Créer une page personnalisée » ou les options « Éléments liés », veuillez contacter votre Conseillère en Participation.

Dossier, Espace, page personnalisée ou widget de la page d'accueil ?

Ces trois outils regroupent des projets destinés aux habitants et permettent de résoudre différents problèmes :

  • Utilisez un dossier ou un espace lorsque vous souhaitez disposer d'une page conteneur regroupant un ensemble de projets liés (ou de dossiers, si vous utilisez un Espace). Le dossier dispose de sa propre page et de sa propre fiche sur la page d'accueil, et peut être ajouté à la barre de navigation. Un projet ne peut se trouver que dans un seul dossier, et un dossier ne peut se trouver que dans un seul espace. Ni les dossiers ni les espaces ne peuvent être imbriqués. Voir la section « Création et gestion des dossiers et des Espaces ».

  • Utilisez une page personnalisée avec des éléments liés lorsque vous souhaitez disposer d'une page centrale qui présente les projets issus de différents dossiers et à laquelle vous pouvez ajouter votre propre contenu (bannière, texte, pièces jointes, événements). Comme les liens fonctionnent via des balises ou des zones, un même projet peut apparaître sur plusieurs pages, sans qu'il soit nécessaire de le déplacer.

  • Utilisez un widget de page d'accueil lorsque vous souhaitez afficher sur la page d'accueil une liste de projets ou de dossiers spécifiques, triés avec soin et pouvant faire l'objet d'un défilement horizontal : il s'agit du widget « Projets et dossiers sélectionnés » disponible dans l'éditeur de page d'accueil. Consultez la section « Personnalisation de la page d'accueil ».

Comment créer tes balises ou tes zones

Le filtre de la page a besoin d'un critère de filtrage. Commencez par les créer ; ils se trouvent dans les paramètres de la plateforme, et non sur la page :

Balises : Paramètres → Balises

  1. Accédez au panneau d'administration → Paramètres → Étiquettes, puis ouvrez l'onglet « Étiquettes de la plateforme ».

  2. Cliquez sur « Ajouter une balise de plateforme », nommez-la dans toutes les langues de la plateforme, puis enregistrez.

  • Les étiquettes de la plateforme permettent de classer les projets: ces mêmes étiquettes alimentent également les filtres de projets sur la page d'accueil, et les habitants peuvent suivre une étiquette pour être informés lorsqu'un nouveau projet portant cette étiquette est lancé.

  • Ne les confondez pas avec le deuxième onglet, « Étiquettes de saisie » (par défaut), qui permet de classer les idées et les contributions au sein des projets.

  • Vous pouvez modifier le nom des « étiquettes » sur votre plateforme (par exemple, « catégories » ou « départements ») dans la rubrique « Terminologie ».

  • Une étiquette de plateforme utilisée par une page personnalisée ne peut pas être supprimée tant que cette page continue de l'utiliser.

Zones : Paramètres → Zones

  1. Accédez au panneau d'administration → Paramètres → Zones.

  2. Cliquez sur « Ajouter une zone », nommez-la dans toutes les langues de la plateforme, puis enregistrez.

  • Les zones correspondent à des entités géographiques : arrondissements, quartiers, communes.

  • Vous pouvez renommer le terme « zones » à l'échelle de la plateforme (par exemple « districts » ou « circonscriptions ») dans la rubrique « Terminologie ».

  • Les zones peuvent également être utilisées dans le processus d'inscription (lieu de résidence et préférences de suivi), et les résidents peuvent suivre une zone pour être informés des nouveaux projets qui y sont menés.

  • Tout comme les étiquettes, une zone utilisée par une page personnalisée ne peut être supprimée tant que la page continue de l'utiliser.

Comment attribuer des domaines ou des étiquettes à vos projets

Ouvrez un projet, accédez aux paramètres > Configuration, puis définissez le critère de regroupement selon lequel la page effectuera le filtrage :

  • Étiquettes : dans les paramètres du projet, repérez le champ « Étiquettes » et sélectionnez une ou plusieurs étiquettes de plateforme.

  • Zone : dans les paramètres du projet, repérez le filtre « Zone » et sélectionnez « Sélection », puis choisissez la ou les zones auxquelles appartient le projet. Attention à l'option « Toutes les zones » : un projet configuré pour apparaître dans toutes les zones s'affiche sur toutes les pages filtrées par zone ; utilisez donc l'option « Sélection » pour les projets appartenant à une seule région.

Comment créer une page personnalisée

  1. Accédez au panneau d'administration → menu « Pages » & -> « Pages », puis cliquez sur « Nouvelle page personnalisée ».

  2. Veuillez indiquer le « Titre » (l'intitulé principal de la page) et le « Titre dans la barre de navigation » (le nom plus court qui s'affiche dans le menu). L'URL de la page est générée à partir du titre ; vous pouvez la modifier ultérieurement dans les paramètres de la page — mais attention, la modifier rendra inaccessibles les liens que vous avez déjà partagés.

  3. Dans les « Paramètres de la page », vous trouverez la section « Éléments liés » ; vous pouvez y choisir la manière dont la page sélectionne les projets :

    • Aucun: la page ne présente aucun projet (page purement informative).

    • Par étiquettes: sélectionnez une ou plusieurs étiquettes de plateforme.

    • Par zone: veuillez sélectionner une seule zone.

    • Par Espace: sélectionnez un ou plusieurs espaces (visible uniquement avec l'extension « Espaces »).

  4. Enregistrer. Vous accédez à l'onglet « Contenu de la page », où vous pouvez activer ou désactiver les sections de la page.

ℹ️ Si l'option « Éléments liés » est réglée sur « Aucun », les sections « Liste des projets et des dossiers » et « Liste des événements » n'apparaissent pas du tout dans l'onglet « Contenu de la page ». Pour les ajouter ultérieurement, commencez par modifier le filtre dans les « Paramètres de la page ».

Comment créer un élément de barre de navigation

  1. Accédez au panneau d'administration → Pages & menu -> Menu, puis cliquez sur « Nouvel élément de menu ».

  2. Choisissez s'il s'agit d'un élément unique ou d'un menu déroulant

    1. Élément unique : sélectionnez une page et un élément de la barre de navigation apparaîtra pour vous rediriger vers la page personnalisée sélectionnée

    2. Dorpdown : un élément de la barre de navigation apparaîtra, comportant un menu déroulant vers plusieurs pages sélectionnées; ces pages peuvent être des pages personnalisées, des projets, des dossiers ou des espaces.

Les sections du contenu de la page

  • Bannière principale : image de bannière accompagnée d'un titre et d'un sous-titre. Quatre mises en page (pleine largeur, deux colonnes, deux lignes, rapport fixe), un fond coloré facultatif dont l'opacité est réglable, ainsi qu'un bouton d'appel à l'action facultatif doté de son propre libellé et de sa propre URL. Si la bannière n'est pas affichée, la page affiche son titre sous forme d'en-tête simple.

  • Section « Top info » : ton propre contenu enrichi en haut de la page : texte mis en forme, images, vidéos, boutons et liens.

  • Pièces jointes : fichiers que les habitants peuvent télécharger depuis la page (50 Mo max. par fichier).

  • Liste des projets et des dossiers : affiche les projets (et, pour les filtres d'Espace, les dossiers) correspondant à votre paramètre Éléments liés. Vous pouvez avoir un aperçu de ce qui sera affiché.

  • Liste des événements : affiche les événements liés aux projets associés.

  • Section d'informations en bas de page : ton propre contenu enrichi en bas de la page.

Les utilisateurs voient les rubriques dans cet ordre : bannière (ou titre) → infos en haut de page → pièces jointes → projets et événements → infos en bas de page.

Ce que les habitants voient dans la liste des projets

Les projets liés s'affichent sous forme de grille de fiches sur la page, avec des onglets pour les projets actifs et archivés, ainsi qu'un bouton « Afficher plus » qui charge six fiches à la fois.

  • Par étiquette(s) : tous les projets publiés comportant au moins l'une des étiquettes sélectionnées — affichés sous forme de fiches de projet. Les projets qui se trouvent dans des dossiers apparaissent aussi sous forme de cartes distinctes. Les fiches de dossiers n'apparaissent jamais ici, car on ne peut pas attribuer des étiquettes aux dossiers.

  • Par rubrique : tous les projets publiés classés dans la rubrique sélectionnée, ainsi que les projets qui vont paraître dans toutes les rubriques.

  • Par espace : le niveau supérieur du ou des espaces sélectionnés — qu'il s'agisse de fiches de dossiers ou de fiches de projets. On accède aux projets contenus dans ces dossiers via leur fiche de dossier, sans les dupliquer.

  • Les projets en cours de rédaction et les projets non répertoriés n'apparaissent jamais dans la liste, et les droits d'accès sont respectés : chaque habitant ne voit que les projets qu'il est autorisé à voir.

Gérer la barre de navigation

Allez dans le panneau d'administration → menu Pages & . Vous verrez deux listes : « Menu » (les pages qui s'affichent dans votre barre de navigation) et « Pages » (les autres pages disponibles).

  • Clique sur « Ajouter à la barre de navigation » sur un élément masqué pour l'afficher, ou sur « Supprimer de la barre de navigation » pour le masquer — la suppression n'efface jamais la page elle-même.

  • Glisser-déposer les éléments pour les réorganiser. La page d'accueil est fixée en première position ; quand vous la modifiez, l'Éditeur de page d'accueil s'ouvre.

  • Clique sur « Modifier » pour renommer un élément dans chaque langue. Le titre de navigation est indépendant du titre de la page elle-même, ce qui permet de garder un menu court.

  • Utilise l'option « Ajouter un projet ou un dossier à la barre de navigation » (en haut à droite) pour ajouter directement un projet ou un dossier au menu, avec le nom de votre choix.

  • Les éléments marqués « PAR DÉFAUT » peuvent être masqués, mais pas supprimés. Vous pouvez supprimer des pages personnalisées — on vous demandera de confirmer, et cette suppression est irréversible.

  • Les projets affichés dans la barre de navigation respectent les droits d'accès : les habitants ne voient que les éléments auxquels ils ont le droit d'accéder.

Exemple concret : une page régionale pour le « Nord »

Imaginons que vous gérez des projets dans plusieurs quartiers et que vous vouliez une page dans le menu qui présente tout ce qui se passe dans le quartier Nord :

  1. Paramètres → Étiquettes → Étiquettes de plateforme → Ajouter l'étiquette de plateforme « Nord ». (Une « zone » fonctionne tout aussi bien si vos zones sont géographiques — dans ce cas, utilise Paramètres → Zones.)

  2. Ouvre chaque projet « Nord » → Paramètres du projet → Étiquettes → Ajoute « Nord ».

  3. Pages & menu → Créer une page personnalisée → titre « Nord » → Éléments liés : Par étiquette(s) → sélectionner « Nord » → enregistrer.

  4. Dans l'onglet « Contenu de la page », active la liste « Projets et dossiers » (ainsi que la liste « Événements », si vous voulez que les événements associés s'affichent). Tu peux ajouter une bannière ou un texte d'introduction si tu veux.

  5. De retour dans le menu « Pages » & , clique sur « Ajouter à la barre de navigation » à côté de votre nouvelle page.

C'est fait : tous les projets portant l'étiquette « Nord », actuels ou futurs, apparaissent automatiquement sur la page. Pas de déplacement, pas de duplication, et les projets restent là où ils sont (même à l'intérieur de dossiers).

Résolution

« Je veux créer un dossier sur ma page personnalisée. »

C'est impossible, les pages ne contiennent ni dossiers ni projets. Si vous voulez que la page affiche un ensemble de projets, ajoute une étiquette à ces projets et filtre la page en fonction de cette étiquette (voir l'exemple ci-dessus). Si vous voulez une page-conteneur de type « dossier » dans le menu, crée plutôt un dossier classique et ajoute-le à la barre de navigation. Et si vous souhaitez afficher sur la page d'accueil une liste de projets triés sur le volet et que vous pouvez faire défiler, utilisez le widget « Projets et dossiers sélectionnés » dans l'éditeur de page d'accueil.

« Un projet n'apparaît pas sur ma page. »

Vérifie, dans l'ordre : est-ce que le projet porte l'étiquette de la page (ou de la zone/de l'espace) ? C'est une version définitive, pas un brouillon ? Est-ce qu'il figure dans la liste ? (Les projets non répertoriés ne s'affichent pas dans les listes des pages.) Est-ce que les droits d'accès de l'utilisateur lui permettent de le voir ?

« Mon dossier n'apparaît pas sur ma page filtrée par étiquettes. »

Les dossiers ne peuvent pas être associés à des étiquettes ; par conséquent, les pages filtrées par étiquette ou par zone n'affichent que les fiches de projet. Vous pouvez soit ajouter des étiquettes aux projets du dossier (ils s'afficheront alors sous forme de fiches individuelles), soit ajouter le dossier lui-même à la barre de navigation, soit utiliser le filtre de l'extension pour trier la page par espace, ce qui vous permettra de voir les fiches des dossiers.

« Je veux que les projets apparaissent sur ma page, mais pas sur la page d'accueil. »

Les étiquettes ne suppriment pas les projets de la page d'accueil. Ce que vous pouvez faire : placez les projets dans un dossier — la page d'accueil affiche alors une seule fiche de dossier au lieu de toutes les fiches de projet individuelles, tandis que votre page filtrée par étiquettes continue de lister chaque projet séparément.

« Je ne vois pas les options des éléments liés. »

L'affichage des projets par tag ou par domaine n'est pas inclus dans toutes les licences. Contacte ton responsable des relations avec les pouvoirs publics.

Comment personnaliser la page À propos

  1. Va dans le panneau d'administration → menu Pages & .

  2. Cliquez sur Modifier à côté de À propos.

  3. Ajoute ou mets à jour les informations générales, la FAQ, les photos et vidéos, les consignes ou documents, ainsi que les coordonnées.

  4. Enregistre quand tu as fini.

Avez-vous trouvé la réponse à votre question ?