Aller au contenu

Guide

Personnaliser votre logo, votre favicon et votre image de partage social

Image de marque et paramètres · 4 min de lecture

Donnez à votre communauté l'apparence de votre marque. Sur la page Image de marque, vous téléversez votre logo, votre favicon et vos icônes d'application, vous définissez l'image affichée lorsque votre communauté est partagée et vous ajoutez un arrière-plan aux pages de connexion. Les couleurs et les polices de la marque se définissent dans les thèmes.

Qui peut le faire : Les propriétaires et les administrateurs. · Où : Sur le web (console d'administration). · Offre : Les logos et les icônes ne sont pas limités par l'offre. La suppression de la marque Mateflow (marque blanche) dépend de votre offre de la plateforme.

Ouvrir la page Image de marque

Accédez à Admin → Apparence → Image de marque. Sur un grand écran, l'Aperçu en direct à droite montre vos images dans Barre latérale et fil d'actualité, Onglet de navigateur, Icône d'application, une carte Partage social et Page d'authentification, en mode clair et en mode sombre.

Les membres ne voient aucun changement tant que vous n'avez pas cliqué sur Save Changes. Reset Changes annule les modifications non enregistrées, et Mateflow vous demande confirmation avant que vous quittiez la page avec des modifications non enregistrées.

Choisir comment votre logo apparaît dans la navigation

Sous En-tête de navigation, choisissez un Style d'affichage :

  • Wordmark : votre logo horizontal. Définissez sa hauteur avec Taille d'affichage dans la navigation : Petit, Moyen ou Grand.
  • Icône + nom : votre logo carré à côté du nom de votre communauté.
  • Icône uniquement : uniquement votre logo carré.

S'il manque le logo dont un style a besoin, Mateflow utilise une solution de repli. Par exemple, Wordmark sans logo principal affiche votre logo carré et le nom de votre communauté.

Téléverser votre logo principal

Sous Logos principaux, téléversez un Logo mode clair (texte ou icônes sombres, pour les arrière-plans clairs) et un Logo mode sombre (texte ou icônes clairs, pour les arrière-plans sombres). Ils apparaissent dans la navigation et sur les pages de connexion.

Utilisez un logotype simple sur fond transparent, d'un format d'environ 3:1 à 5:1 en largeur (par exemple 400×100 px). Il est affiché en petit : évitez donc les photos et les détails fins. Vous pouvez téléverser des fichiers JPG, PNG, GIF ou WebP jusqu'à 10 Mo. Les fichiers SVG ne sont pas pris en charge.

Pas encore de logo ? Cliquez sur Générer depuis le texte pour transformer le nom de votre communauté en logo. Choisissez une Police, une Graisse, une Casse, un Espacement des lettres et une Couleur du texte en mode clair, puis cochez Générer aussi une icône carrée et Générer aussi un favicon si vous les voulez aussi. Cliquez sur Générer & appliquer, puis sur Save Changes.

Ajouter un favicon et des icônes d'application carrées

Sous Icônes d'application et Favicon :

  • Logo carré (clair) et Logo carré (sombre) : des images 1:1 de 256×256 px. Elles sont utilisées dans les en-têtes mobiles, lorsqu'une personne installe votre communauté sur son écran d'accueil, et dans la barre latérale lorsque vous n'avez pas de logo horizontal.
  • Favicon : la petite icône dans l'onglet du navigateur. Utilisez un fichier ICO, PNG ou WebP de 32×32 px.

Définir votre image de partage social

Sous Partage sur les réseaux sociaux, téléversez une Image Open Graph (image OG), idéalement de 1200×630 px. C'est l'image d'aperçu par défaut lorsqu'une personne partage un lien vers votre communauté sur Facebook, X, LinkedIn et d'autres sites similaires.

Ajouter une image d'arrière-plan aux pages de connexion

Sous Arrière-plan des pages d'authentification, téléversez une Image d'arrière-plan d'authentification. Elle apparaît dans le panneau latéral des pages de connexion, d'inscription, de mot de passe oublié et d'authentification à deux facteurs. Utilisez une image au format portrait dont le petit côté mesure au moins 1080 px, en JPG, PNG ou WebP, de 2 Mo maximum. Laissez ce champ vide pour utiliser l'arrière-plan sombre par défaut.

Remplacer ou supprimer une image de marque

Survolez une image téléversée pour afficher deux boutons : le bouton de téléversement remplace l'image, et le bouton corbeille la supprime. Cliquez ensuite sur Save Changes. Une image supprimée reste visible pour les membres tant que vous n'avez pas enregistré.

Modifier les couleurs et les polices de votre marque

Les couleurs et les polices de la marque font partie de votre thème, pas de la page Image de marque. Cliquez sur Gérer les couleurs et polices dans les thèmes → en haut de la page Image de marque, ou accédez à Admin → Apparence → Thèmes. Vous pouvez définir des couleurs différentes pour le mode clair et le mode sombre. Consultez Choisir un thème et le mode sombre.

Afficher l'application mobile sur une communauté en marque blanche

Si votre offre de la plateforme supprime la marque Mateflow (marque blanche), la page de téléchargement de l'application mobile, le lien dans le menu et les invitations à l'installer sont masqués pour les membres, car l'application porte le nom Mateflow. Pour les afficher, activez Afficher l'application mobile aux membres dans la carte Application mobile de la page Image de marque. Cet interrupteur s'enregistre immédiatement, sans Save Changes. Les membres trouveront l'application sous le nom Mateflow dans l'App Store et sur Google Play.

Articles associés

Ce guide vous a-t-il été utile ?

Retour aux guides

Vous ne trouvez pas ce qu'il vous faut ?

Si vous êtes membre d'une communauté, ses administrateurs sont les mieux placés pour vous aider. Si vous créez ou gérez une communauté sur Mateflow, notre équipe peut vous aider.

Démarrer l'essai gratuit