# 2. Graphisme **Table des matières** : - [Quelles sont les recommandations concernant le bandeau ?](#bkmrk-quelles-sont-les-rec) - [Comment ajouter une image au bandeau de son portail ?](#bkmrk-comment-ajouter-une-) - [Comment ajouter un logo à son portail ?](#bkmrk-comment-ajouter-un-l) - [Comment ajouter une couleur au thème de son portail ?](#bkmrk-comment-ajouter-une--1) - [Comment ajouter un nom au portail ?](#bkmrk-comment-ajouter-un-n) --- # Quelles sont les recommandations concernant le bandeau ? - Le bandeau doit être composé d'images au format JPEG, GIF ou PNG. - Il doit être d'une hauteur fixe de 250 pixels et d'une longueur de 1920 pixels. - Il ne doit pas dépasser le poids de 5 Mo. # Comment ajouter une image au bandeau de son portail ? > Remarque : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur. 1\. Se connecter en tant que Gestionnaire. 2\. Cliquez sur les boutons "Bonjour X" et ![1755349062411-618.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-qkp5sibb.png) . 3\. Accédez à la page d'accueil de votre portail. 4\. Cliquez sur l'icône![1755007588003-977.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-v81xjdod.png) pour ajouter un contenu. ![1755007610581-844.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-h2dyyaxb.png) 5\. Sélectionnez le type de contenu "Diapositive (Diaporama)". ![1755008770827-287.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-loeyrydc.png) 6\. Saisissez le titre de la diapositive. ![1755008803108-511.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-lbem7yxs.png) 7\. Au niveau de la zone "Charger une image", cliquez sur le bouton ![1755008824638-931.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-xvqiqwsx.png) et recherchez, sur votre l'ordinateur, l'image que vous souhaitez ajouté au bandeau. ![1755008842477-584.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-ngsfk5xb.png) 8\. Dépliez l'onglet "Affichage" et dans "Zone de publication", choisissez dans le menu déroulant "Centre de la page, en haut (bandeau)". ![1755008871022-331.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-nguyvnmu.png) 9\. Cliquez enfin sur le bouton ![1755087014751-961.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-kykeg4g6.png). # Comment ajouter un logo à son portail ? > Remarque : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur. 1\. Se connecter en tant que Gestionnaire. 2\. Cliquez sur les boutons "Bonjour X" et ![1755349067609-756.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-6lftqdhu.png) . 3\. Cliquez sur l'entrée de menu "Mise en page" dans le bloc "Graphisme et connexion". ![1755008092114-328.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-e9eibjo3.png) 4\. Au niveau de la zone « *Logo* », cliquez sur le bouton![1755008964334-457.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-jyay5kvu.png). ![1755008974689-845.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-pvbwmevk.png) 5\. Recherchez ensuite le logo que vous souhaitez ajouter sur votre ordinateur. 6. Cliquez enfin sur le bouton ![1755007217985-802.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-kskspi8d.png) . # Comment ajouter une couleur au thème de son portail ? 1\. Cliquez sur le bouton ![1755009018793-488.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-gyqerict.png) au niveau de la page d’accueil du portail. ![1755009041191-692.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-dpe1f76i.png) 2\. Dépliez l’onglet « Personnalisation simple » 3\. À partir de la zone « Couleur principale du thème », choisissez la couleur à appliquer. ![1755009099156-693.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-ljzrxwo6.png) 4\. Cliquez enfin sur le bouton ![1755007217985-802.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-cucwvkzy.png) . **Rendu en interface :** ![1755009139781-862.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-k4eli9jm.png)

Le portail permet aussi de disposer d'une couleur de thème différente selon la rubrique. Pour cela, il suffit d'éditer la rubrique puis de suivre la procédure détaillée ci-dessus à partir du point 2.

# Comment ajouter un nom au portail ? > Remarque : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur. **En interface :** ![1755009163031-883.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-mhfogf77.png)

Le titre de votre portail apparaîtra dans la partie supérieure gauche de l'écran en l'absence d'un logo.

1\. Se connecter en tant que Gestionnaire. 2\. Cliquez sur les boutons "Bonjour X" et ![1755349072895-472.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-rtgo5aun.png) . 3\. Cliquez sur l'entrée de menu "Mise en page" dans le bloc "Graphisme et connexion". ![1755008092114-328.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-0fr8tsbm.png) 4\. Au niveau de la zone « Titre », saisissez le nom souhaité. ![1755009238593-840.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-tl10m9ld.png) 5\. Cliquez enfin sur le bouton ![1755007217985-802.png](https://bookstack.decalog.net/uploads/images/gallery/2026-07/embedded-image-djarw9za.png) .