Ceci est un tutoriel non technique qui vous guidera dans la personnalisation de l’image de marque et de l’apparence de votre site Discourse.
Niveau d’utilisateur requis : Administrateur
Vous souhaitez personnaliser l’image de marque de votre site, mais vous ne savez pas par où commencer ? Lisez la suite pour en savoir plus !
L’Assistant de configuration
Discourse est très personnalisable ! Un bon point de départ pour les personnalisations du site consiste à vous connecter avec votre compte administrateur sur le site et à exécuter l’assistant de configuration du site. 
L’assistant de configuration vous permet de configurer le titre de votre site, la langue par défaut et les paramètres d’accès (public ou privé, inscription ou uniquement sur invitation, et si les utilisateurs doivent être approuvés). Ce sont les premières étapes essentielles pour mettre votre site en ligne.
Une fois l’assistant terminé, vous pouvez personnaliser davantage l’apparence de votre site — logos, couleurs, polices, etc. — depuis le panneau d’administration.
Vous pouvez prévisualiser les options disponibles directement sur cette page. Cliquez sur le bouton « Suivant » lorsque vous avez trouvé les paramètres qui vous conviennent. Ne vous inquiétez pas, vous pourrez toujours modifier ces paramètres plus tard si vous décidez qu’ils ne correspondent pas à vos attentes.
Thèmes du site
Une fois une configuration de base en place, il est temps de personnaliser davantage votre site ! 
Les thèmes sont des personnalisations étendues qui modifient plusieurs éléments du style de la conception de votre forum et incluent souvent des fonctionnalités front-end supplémentaires. Les thèmes ont la capacité de modifier considérablement l’apparence et la disposition de votre forum.
La catégorie #theme sur Meta accueille une variété de thèmes précréés que vous pouvez utiliser sur votre site pour personnaliser son apparence. C’est le meilleur endroit pour rechercher un thème à utiliser sur votre site. Allez-y et choisissez un thème que vous souhaitez utiliser pour votre site dans cette catégorie.
Une fois que vous avez décidé d’un thème à utiliser pour votre site, vous pouvez l’ajouter à votre site depuis la page Admin -> Personnaliser -> Thèmes (située à /admin/config/customize/themes). Vous pouvez également apporter des modifications au thème de votre site, ou même créer un tout nouveau thème depuis cette page.
Le Guide du débutant pour utiliser les thèmes Discourse est un cours accéléré sur les bases des thèmes Discourse et fournit un aperçu de la manière d’installer des thèmes sur votre site Discourse. Lisez ce guide pour obtenir des instructions sur la façon d’installer le thème que vous avez choisi.
Vous pouvez également trouver plus d’informations sur l’utilisation, la création et le partage de vos propres thèmes dans :
Palettes de couleurs
Vous pouvez personnaliser davantage votre site en ajustant sa palette de couleurs depuis la page Admin -> Config -> Couleurs (située à /admin/config/colors). 
À partir d’ici, vous pouvez créer une nouvelle palette de couleurs, sélectionner une palette existante à personnaliser et attribuer des palettes comme schéma clair ou sombre par défaut pour votre thème.
Sélectionnez un schéma de couleurs existant pour servir de base à votre nouveau schéma de couleurs, puis personnalisez les couleurs de votre nouveau schéma en cliquant sur la couleur à côté de chaque section de couleur :
N’oubliez pas de nommer votre nouveau schéma de couleurs et d’enregistrer vos modifications une fois terminé !
Pour plus d’informations sur la manière d’utiliser les palettes de couleurs dans Discourse, consultez :
Composants de thème
Tout comme les thèmes, Discourse propose également des « Composants de thème » que vous pouvez utiliser pour modifier les éléments de surface de la conception de votre forum ou ajouter des fonctionnalités front-end supplémentaires. Plus petits et plus ciblés que les thèmes complets, ils peuvent généralement (bien que pas toujours) être combinés avec d’autres composants de thème pour créer une conception de forum sur mesure adaptée à votre communauté. 
La catégorie #theme-component sur Meta contient tous les composants de thème officiels et non officiels de Discourse. Parcourez les composants de thème listés là-bas, et si vous souhaitez en installer sur votre site, suivez simplement les instructions ici : L’interface des thèmes Discourse et comment installer des composants de thème
Certains des composants de thème Discourse les plus populaires incluent :
interface_color_selector, qui peut être configuré pour afficher l’interrupteur dans le pied de page de la barre latérale ou dans l’en-tête.
Image de marque du site
Discourse dispose d’une page de configuration dédiée pour les logos à Admin -> Apparence -> Logo (située à /admin/config/logo) où vous pouvez gérer tous les logos et icônes de votre site.
Logo principal- Apparaît dans la navigation supérieure du site, ainsi que dans la partie supérieure des notifications par e-mail du site. Taille recommandée : 600 × 80 pixels.Logo principal sombre- Alternative en mode sombre pour le logo principal. Taille recommandée : 600 × 80 pixels.Icône carrée- Une version carrée de l’image du logo qui apparaît en haut du site et sert également de logo pour l’application mobile. Taille recommandée : 512 × 512 pixels.Favicon- Le logo apparaîtra comme icône dans l’onglet du navigateur et dans les favoris/marques-pages du navigateur.Petit logo- L’image du petit logo en haut à gauche de votre site, visible lors du défilement vers le bas. Si laissé vide, un glyph d’accueil sera affiché. Taille recommandée : 120 × 120 pixels.Petit logo sombre- Alternative en mode sombre pour le petit logo. Taille recommandée : 120 × 120 pixels.
Dans la section Mobile :
Logo mobile- Le logo utilisé sur la version mobile de votre site. Si laissé vide, l’image du paramètrelogosera utilisée. Utilisez une image rectangulaire large avec une hauteur de 120 et un rapport d’aspect supérieur à 3:1.Logo mobile sombre- Alternative en mode sombre pour le logo mobile. Utilisez une image rectangulaire large avec une hauteur de 120 et un rapport d’aspect supérieur à 3:1.Icône Manifeste- Image utilisée comme logo/image de démarrage sur Android. Si laissé vide, large_icon sera utilisé. Taille recommandée : 512 × 512 pixels.Captures d'écran du Manifeste- Captures d’écran mettant en valeur les fonctionnalités et le fonctionnement de votre instance sur sa page d’invite d’installation (affichée lors de l’utilisation de « Ajouter à l’écran d’accueil » sur Android). Toutes les images doivent être des téléchargements locaux et avoir les mêmes dimensions.Icône Apple Touch- Icône utilisée pour les appareils tactiles Apple. Si laissé vide, large_icon sera utilisé. Taille recommandée : 180 × 180 pixels. Un fond transparent n’est pas recommandé.
Dans la section E-mail :
Logo de résumé- L’image de logo alternative utilisée en haut du résumé par e-mail de votre site. Si laissé vide, l’image du paramètrelogosera utilisée. Utilisez une image rectangulaire large. N’utilisez pas d’image SVG.
Dans la section Réseaux sociaux :
Image OpenGraph- Image opengraph par défaut, utilisée par de nombreuses applications et plateformes pour les aperçus de liens web lorsqu’une page n’a pas d’autre image appropriée. Si laissé vide, large_icon sera utilisé.X summary large image- Image « summary large » de la carte X. Si laissé vide, les métadonnées de carte régulières sont générées en utilisant OpenGraph_image, tant que ce n’est pas aussi un fichier .svg. Taille recommandée : au moins 280 × 150 pixels. N’utilisez pas d’image SVG.
Personnalisations supplémentaires
Maintenant que vous avez ajouté un thème personnalisé, une palette de couleurs, quelques logos de marque et peut-être quelques composants de thème à votre site, vous avez terminé toutes les personnalisations de base du site ! 
Si vous cherchez encore plus de façons de personnaliser votre site Discourse, nous vous recommandons de lire l’un des sujets suivants qui pourraient vous intéresser :
