Documentation en ligne

Modifier le contenu des portails

Le portail usager et le portail agent peuvent tous deux être adaptés par l'ajout de pages supplémentaires et l'agencement de « cellules » au sein de ces pages.

Pour en savoir plus sur la mise en place d'un portail Agents, consultez cette page.

Titre du portail citoyen

Ce titre, disponible en haut à gauche de la page d'accueil, permet à l'usager de savoir sur quel portail sur lequel il se trouve. Il se paramètre dans le menu Système > Intégration graphique > Options de l'intégration graphique > Titre général.

Un exemple en front-office :


Et en back-office, affichage du nom du portail Ă©galement :

Édition de la structure du portail

Vous pouvez ajouter de nouvelles pages au portail en cliquant sur « Nouvelle » en haut Ă  droite : une fois la page ajoutĂ©e, il est possible d'en choisir l'ordre (en la faisant glisser vers le haut ou vers le bas Ă  l'aide de la « poignĂ©e » sur la gauche de l'Ă©lĂ©ment page) et d'en modifier la hiĂ©rarchie (inclusion dans une autre page en la faisant glisser vers la droite). Il est Ă©galement possible de dupliquer une page ou de crĂ©er une sous-page : dans ce cas la page s'ajoute Ă  la suite de la page dupliquĂ©e ou parent.

La page d'accueil du portail est dĂ©fini par son identifiant (slug) : « index »

Paramètres d'un portail

Les différents paramètres du portail sont exposés sur la page d'accueil de l'édition, dans la barre latérale droite.

Ressources

Les ressources sont un endroit oĂą l'on va stocker des fichiers et des images utilisables dans combo mais aussi dans les autres briques de Publik (les formulaires par exemple).

Il est important de nommer ces ressources correctement pour pouvoir les retrouver lorsque l'on souhaite les modifier.

La fonctionnalité "Optimiser l'image" permet de compresser et réduire la taille de l'image, tout en gardant une bonne qualité à l'affichage.

Après avoir transfĂ©rĂ© (uploadĂ©) des fichiers, vous pourrez gĂ©rer ceux-ci depuis cette interface : remplacement ou suppression d'un fichier, recherche d'un fichier en particulier.

Exporter le site

Cela permet d'obtenir un export de l'ensemble des pages.

Sur l'écran « Historique » d'une page de portail, des liens permettent d’exporter une version donnée.

Importer un site

Cela permet d'importer un ensemble de pages ou une page unique, selon le fichier d'import. C'est le slug de la page figurant dans le fichier import qui sert à déterminer si une page existante correspond. Les pages correspondantes seront mises à jour lors de l'import, les autres seront créées.

Paiement en ligne

Vous y trouverez un onglet « Transactions » qui est une liste de tous les paiements effectuĂ©s (classement chronologique) comportant les informations suivantes : identifiant de paiement interne Ă  Publik, identifiant de transaction (l'identifiant bancaire, si retournĂ© par le teminal de paiement), date, usager, montant, Ă©lĂ©ments inclus avec la facture (peut ĂŞtre le numĂ©ro de celle-ci).

L'onglet « Régies » qui permet de paramétrer celles-ci. Pour plus d'informations sur le paramétrage du paiement en ligne, se référer au tutoriel «Paiement ».

Cartographie

Ce menu permet de crĂ©er des « couches cartographiques » qui vous seront ensuite proposĂ©es dans les cellules de type « Carte » pour y ĂŞtre affichĂ©es, ou pas (rĂ©glage possible au niveau de chaque cellule). Une couche cartographique est dĂ©fini par : un libellĂ©, une URL GeoJSON (cette URL peut ĂŞtre servie depuis une source externe de type OpenData ou interne, tels que dĂ©marches et statistiques - cf. infra) et des Ă©lĂ©ments de mise en forme (choix de l’icĂ´ne et couleur de celle-ci, couleur de fond du marqueur ou de la surface).

Il faut tout d'abord créer la couche cartographique correspondant à notre référentiel. Pour cela, dans Combo, édition du portail citoyen, dans la rubrique « Cartographie » du menu « Navigation » (/manage/maps/), sélectionner « Nouvelle couche GeoJSON ».

Pour renseigner convenablement une couche cartographique concernant une dĂ©marche particulière, on utilisera les URL suivantes :

Pour l'ensemble des demandes, toutes dĂ©marches confondues :

{{eservices_url}}api/forms/geojson

Pour une dĂ©marche particulière :

{{eservices_url}}api/forms/url-de-la-demarche/geojson?filter=all

Il est possible d'afficher les points de la carte aux utilisateurs non connectés en décochant « Inclure l'identification de l'utilisateur dans la requête » et en ajoutant à l'URL l'email d'un utilisateur ayant les accès nécessaires, sous la forme &email=utilisateur@entrouvert.com.
Il est Ă©galement possible de dĂ©finir des couches de tuiles supplĂ©mentaires, pour par exemple superposer une information « qualitĂ© de l’air » Ă  une carte.
Le Geojson d'une couche cartographique va permettre d'afficher des points, des lignes ou des surfaces. Pour avoir plusieurs couleurs, il faut cliquer sur «Variable» et indiquer le nom de la propriĂ©tĂ© dans le GeoJSON permettant de rĂ©cupĂ©rer la couleur souhaitĂ©e. Dans l'exemple ci-dessous il s'agit de la propriĂ©tĂ© "couleur" :
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
         "name": "Foo",
         "couleur": "#0a0a0a" 
      }
    },
    {
      "type": "Feature",
      "properties": {
         "name": "Bar",
         "couleur": "#aa0000" 
      }
    },

Édition d'une page

Un clic sur une page permet de l'éditer. Les modifications sont automatiquement enregistrées et l'historique des différentes versions est accessible grâce au bouton « Historique » présent en haut de chaque page.

L'Ă©cran d'Ă©dition d'une page permet de dĂ©finir certains paramètres gĂ©nĂ©raux de la page et permet Ă©galement de modifier le contenu des diffĂ©rentes zones (barre latĂ©rale, colonne 1 ou 2, pied de page)  en y ajoutant une ou plusieurs cellules.

Lors du travail initial de crĂ©ation du portail citoyen, une feuille de style est gĂ©nĂ©ralement créée pour reproduire l'allure du site web de la collectivitĂ© et l’en-tĂŞte construit sur-mesure, celui-ci contient en gĂ©nĂ©ral :

  • une icĂ´ne avec un lien ramenant vers l'accueil du portail citoyen ou l'accueil du site web,
  • le titre du portail,
  • le cartouche de connexion.

Paramètres d'une page

permet d'identifier précisément une page et de choisir la terminaison de l'URL de celle-ci.

choix de la structuration de la page parmi 4 modèles possibles (1 ou 2 colonnes combinées avec barre latérale ou pas) .

une page peut être « Publique » i.e. visible par tous les internautes ou visible seulement des usagers connectés (en fonction de leur rôle).
Lors de la création d'une nouvelle page ou de l'ajout d'une sous-page, le paramétrage de la visibilité est hérité de la page parente, afin d'éviter la création involontaire de pages publiques sur le portail réservé aux agents.

: si une page est exclue de la navigation, elle n'apparaîtra pas dans les menus de navigation du portail Publik mais reste accessible via son URL (donc indexable par les moteurs de recherche si n'est pas restreinte à des utilisateurs connectés).

pour permettre de re-router l'internaute vers une autre page. La re-direction va Ă©galement permettre d'afficher au sein du portail une page existant dans une autre brique (par exemple le module d'authentification Authentic) :

  • re-direction vers {{authentic_url}}accounts pour afficher les donnĂ©es et la gestion du compte (qui est une page construite intĂ©gralement dans Authentic, non paramĂ©trable).

Dans ce cas, il ne faut pas insérer de cellule dans le contenu afin que la page extérieure puisse correctement s'afficher.

Ces pages construites depuis d'autres modules vont utiliser le template (modèle de page) de la page racine du portail (page d'accueil). Si vous souhaitez utiliser un template spécifique, il vous faut créer une page ayant l'URL de cette page cible, le template défini pour celle-ci sera alors utilisé plutôt que le template par défaut de la page racine. Il faut par ailleurs penser à exclure ces pages « techniques » de la navigation.

Pour intégrer au mieux un lien interne à Publik et éviter des liens en durs qui ne seraient plus valables après passage d'une installation de recette à une installation en production, il est possible d'utiliser une variable de substitution pour l'url, du type {{eservices_url}}, {{portal_url}}.

Image : Il est possible d'associer des images aux différentes pages. L'utilisation qui sera faite des images en question dépend de la façon dont elle sont gérées dans le thème mais l'on pourra, par exemple, choisir ici d'associer la page à une image de bandeau qui s'affichera en haut de la page.

Navigation : Ă  cet endroit s'affichent des liens vers l'Ă©dition de la page parent, de la page prĂ©cĂ©dente (peut ĂŞtre la page parent) et de la page suivante.

RĂ´le d'Ă©dition : système de permission par rĂ´le pour l'Ă©dition d'une page (en incluant Ă©ventuellement les sous-pages) dans les portails. Cela permet de ne donner accès en modification qu'Ă  certaines parties du portail.

Créer un modèle de page

Il est possible de créer un modèle de page qui pourra ensuite s'appliquer aux nouvelles pages créées (le modèle ne pourra pas s'appliquer aux pages existantes).

Pour permettre cela, il faut créer une page "Modèles" avec pour slug "modeles". Cette page peut rester vide. Créez ensuite une sous-page, par exemple "Modèle Fiche base de connaissances". Choisissez un modèle de page existant, puis ajoutez des cellules dans les zones pré-définies (cellules de texte, menu...).

Ce modèle apparaît dans la liste des modèles de pages à la création d'une nouvelle page.

Capture d'écran de la liste déroulante avec le nouveau modèle de page

Dans les modèles de page des portails usagers uniquement des sections de page optionnelles (Haut du contenu, Bas du contenu, Pied de page) permettent d'afficher des cellules supplémentaires au-dessus ou en-dessous du contenu principal. Cela peut par exemple être utile pour configurer un modèle de page pour les démarches avec des informations sur le respect de la vie privée apparaissant sous toutes les démarches et au-dessus du pied de page.

Paramètres avancés d'une page

Le menu kebab en haut à droite de chaque page, permet d'accéder au paramétrage avancé.

 
Modifier les variables de page : permet de donner un nom (qui est aussi leur identifiant) et une valeur Ă  des variables pour les rĂ©utiliser dans les cellules qui supportent Django (Cellules Fiche(s), Lien et comme filtres des cellules Graphes).
Lier Ă  un modèle de fiche : cf. page dĂ©diĂ©e.
GĂ©rer les rĂ´les d'Ă©dition : permet de dĂ©finir les rĂ´les autorisĂ©s Ă  modifier la page et ses sous-pages.

Ajouter une sous-page : crĂ©e une page fille de la page en cours.
Dupliquer : duplique la page.

Inspecteur : page affichant de manière synthĂ©tique les principales informations, cellules et paramètres sous une forme aplatie.
Historique : permet de voir les diffĂ©rentes versions enregistrĂ©es, une version est enregistrĂ©e Ă  chaque modification.
Enregistrer une sauvegarde : permet de distinguer une sauvegarde particulière.
Exporter : permet d'exporter au format JSON la page concernĂ©e
 
Supprimer : supprime la page.

Mettre en place une page de bienvenue et/ou de première connexion

L'entrée « Paramètres du site » dans le menu burger permet de paramétrer une page de bienvenue où rediriger l’usager qui vient pour la première fois sur le site, usuellement pour l’inviter à se connecter, et une page de première connexion, pour l’usager qui se connecte une première fois.

Cela permet d'afficher à l'usager une page avec des informations qui ne lui sont demandées qu'une seule fois comme l'abonnement à des newsletters ou la liaison avec différents services.

Les URLs peuvent contenir des gabarits pour plus de souplesse.

 

Dernière mise à jour le 19/12/2025 14:48 — Éditer