Toutes les collections
Commencer avec EngagementHQ
Logos, icônes et images dans L'éditeur d’apparence
Logos, icônes et images dans L'éditeur d’apparence

Changez votre logo, votre image de fond, votre image de bannière et votre favicon

Yugandhar Gokhale avatar
Écrit par Yugandhar Gokhale
Mis à jour il y a plus d’une semaine

De nombreuses organisations ont une marque à laquelle elles doivent adhérer, y compris des logos et d'autres images. Vous pouvez facilement les mettre à jour dans l'éditeur d'apparence de votre site, et vous pouvez télécharger les éléments suivants :

  • Logo

  • Favicon

  • Image de fond

  • Bannière

Logo

Votre logo apparaîtra sur vos pages d'accueil et de projet, sur les bulletins d'information d'EngagementHQ et sur les notifications du site. Pour télécharger un logo :

  1. Allez dans Apparence > Logo, icônes et images.

  2. Sous Logo, sélectionnez Télécharger et ouvrez le fichier de votre logo depuis votre PC.

  3. Sélectionnez Aperçu pour vérifier l'aspect de votre logo sur votre site.

Les dimensions idéales d'un logo sont de 150px x 50px, et vous pouvez télécharger les types de fichiers suivants : .jpg, .jpeg, .png et .gif.

Favicon

Un favicon est une petite icône qui s'affiche dans l'onglet ou la fenêtre du navigateur et dans la liste des signets de l'utilisateur à côté du nom du site. Pour télécharger un favicon :

  1. Allez dans Apparence > Logo, icônes et images.

  2. Sous Favicon, sélectionnez Télécharger et ouvrez votre fichier favicon depuis votre PC. Votre favicon sera enregistré automatiquement.

  3. Vous pouvez vérifier votre favicon en ouvrant votre site dans un nouvel onglet ou une nouvelle fenêtre du navigateur.

Il est recommandé d'utiliser un fichier .png dont les dimensions ne dépassent pas 15px x 15px et dont l'arrière-plan est transparent.

Image de fond

Votre image de fond apparaîtra dans un motif de tuiles à l'extérieur des zones de contenu de votre site. Elle s'affichera sur toutes les pages du site, y compris les pages statiques et les pages de projet, à l'exception de la page d'accueil.

Pour télécharger une image d'arrière-plan :

  1. Allez dans Apparence > Logo, icônes et images.

  2. Sous Image de fond, sélectionnez Télécharger et ouvrez votre fichier depuis votre PC.

  3. Vous pourrez prévisualiser cette image sur les pages de votre projet.

Nous recommandons d'utiliser une image avec un fond clair et un design minimal. Vous pouvez télécharger les types de fichiers suivants : .jpg, .jpeg, .png et .gif.

Bannière

En fonction de votre thème, des bannières s'afficheront sur votre page d'accueil et sur les pages de votre projet. Vous pouvez modifier vos paramètres pour déterminer comment cette image s'affichera sur les pages de votre projet. Votre bannière doit avoir une largeur minimale de 1400 px ; si elle est plus petite, nous redimensionnerons votre image pour l'adapter, ce qui pourrait entraîner une certaine distorsion.

Pour télécharger une image de bannière :

  1. Allez dans Apparence > Logo, icônes et images.

  2. Sous Project Banner Override, sélectionnez Télécharger , et ouvrez votre fichier d'image de bannière depuis votre PC.

  3. Choisissez vos paramètres :

    • Afficher la bannière du site sur les pages du projet : l'image de la bannière que vous avez téléchargée ici s'affichera sur les pages de votre projet.

    • Activer les bannières de pages de projet personnalisées : cela vous permettra de télécharger des images de bannières pour des pages de projet individuelles.

4. Sélectionnez Aperçu pour vérifier l'aspect de votre logo sur votre site.

Il existe plusieurs options pour choisir les paramètres de la bannière de votre site :

  • Les deux options sont sélectionnées : Affiche la bannière du projet sur des projets spécifiques et la bannière du site sur le reste des projets (en l'absence de bannière de projet).

  • Aucune option sélectionnée : aucune bannière ne s'affichera sur les pages de votre projet.

  • Afficher la bannière du site sur les pages du projet uniquement : la bannière du site s'affichera sur tous les projets.

  • Activer uniquement les bannières personnalisées des pages de projet : Affiche la bannière du projet sur des pages spécifiques du projet et aucune bannière sur les autres pages du projet.

Quoi d'autre ?

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