Ceci est un tutoriel non technique qui vous guidera dans la personnalisation de l’identité visuelle et de l’apparence de votre site Discourse.
Niveau utilisateur requis : Administrateur
Vous souhaitez personnaliser l’identité visuelle 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 personnaliser votre site consiste à vous connecter avec votre compte administrateur et à lancer l’assistant de configuration du site. 
L’assistant de configuration vous permet de définir le titre de votre site, la langue par défaut et les paramètres d’accès (public ou privé, inscription ou invitation uniquement, et si les utilisateurs doivent être approuvés). Il s’agit des premières étapes essentielles pour mettre votre site en fonctionnement.
Une fois l’assistant terminé, vous pouvez continuer à personnaliser 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 estimez qu’ils ne correspondent pas à vos attentes.
Thèmes du site
Une fois la configuration de base en place, il est temps de personnaliser encore davantage votre site ! 
Les thèmes sont des personnalisations étendues qui modifient plusieurs éléments du style de votre forum et incluent souvent des fonctionnalités frontales supplémentaires. Ils ont la capacité de changer considérablement l’apparence et la mise en page de votre forum.
La catégorie Customization > Theme sur Meta héberge une variété de thèmes précréés que vous pouvez utiliser sur votre site pour personnaliser son apparence. C’est l’endroit idéal pour rechercher un thème à utiliser sur votre site. N’hésitez pas à choisir un thème qui vous plaît dans cette catégorie.
Une fois que vous avez décidé d’un thème à utiliser, vous pouvez l’ajouter à votre site depuis la page Admin -> Personnaliser -> Thèmes (située à /admin/config/customize/themes). Vous pouvez également y apporter des modifications à votre thème, voire créer un tout nouveau thème à partir de cette page.
Le Guide du débutant pour utiliser les thèmes Discourse est un cours intensif 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 l’installation du 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 encore personnaliser votre site en ajustant sa palette de couleurs depuis la page Admin -> Config -> Couleurs (située à /admin/config/colors). 
À partir de là, 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 sur lequel baser votre nouveau schéma, 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 l’utilisation des palettes de couleurs dans Discourse, consultez :
Composants de thème
Similairement aux thèmes, Discourse dispose également de « Composants de thème » que vous pouvez utiliser pour modifier les éléments superficiels de la conception de votre forum ou ajouter des fonctionnalités frontales supplémentaires. Plus petits et plus ciblés que les thèmes complets, ils peuvent généralement (mais 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 Customization > Theme component sur Meta contient tous les composants de thème officiels et non officiels de Discourse. Parcourez les composants de thème répertoriés là-bas, et si vous souhaitez en installer certains sur votre site, suivez simplement les instructions ici : L’interface des thèmes Discourse et comment installer les composants de thème
Certains des composants de thème Discourse les plus populaires incluent :
interface_color_selector, qui peut être défini pour afficher le bouton dans le pied de page de la barre latérale ou dans l’en-tête.
Identité visuelle du site
Discourse dispose d’une page de configuration dédiée aux 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 qu’en haut des notifications par e-mail du site. La taille recommandée est de 600 × 80 pixels.Logo principal sombre- Version alternative en mode sombre du logo principal. La taille recommandée est de 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 à l’application mobile. La taille recommandée est de 512 × 512 pixels.Favicon- Le logo apparaîtra comme icône dans l’onglet du navigateur et dans les favoris/signets du navigateur.Petit logo- La petite image du logo en haut à gauche de votre site, visible lors du défilement vers le bas. Si laissé vide, un symbole « Accueil » sera affiché. La taille recommandée est de 120 × 120 pixels.Petit logo sombre- Version alternative en mode sombre du petit logo. La taille recommandée est de 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 ratio d’aspect supérieur à 3:1.Logo mobile sombre- Version alternative en mode sombre du logo mobile. Utilisez une image rectangulaire large avec une hauteur de 120 et un ratio d’aspect supérieur à 3:1.Icône manifest- Image utilisée comme logo/image de démarrage sur Android. Si laissé vide,large_iconsera utilisé. La taille recommandée est de 512 × 512 pixels.Captures d’écran manifest- Captures d’écran mettant en valeur les fonctionnalités et la fonctionnalité de votre instance sur la 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 tactile Apple- Icône utilisée pour les appareils Apple. Si laissé vide,large_iconsera utilisé. La taille recommandée est de 180 × 180 pixels. Un fond transparent n’est pas recommandé.
Dans la section E-mail :
Logo du 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_iconsera utilisé.Image résumée large X- Image de résumé large de la carte X. Si laissé vide, les métadonnées de carte régulières sont générées en utilisantOpenGraph_image, tant que ce n’est pas non plus un fichier .svg. La taille recommandée est d’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 :
