Vous pouvez utiliser le composant d’en-tête de marque (brand header component) pour créer l’en-tête que vous décrivez, et il devrait être facile d’ajouter un arrière-plan avec un peu de CSS. Il n’existe, à ma connaissance, aucune méthode native pour déplacer la bannière du site vers cet emplacement.
Merci. Créer une bannière est facile. L’avoir comme arrière-plan semble être la partie délicate. Je l’avais avec mon thème précédent, mais c’était il y a si longtemps que je ne me souviens plus quel CSS je devais modifier pour le faire.
Autant que je sache, tout est possible avec du CSS personnalisé, n’est-ce pas ?
Oui, c’est aussi simple qu’un composant simple. Je ne suis pas devant mon ordinateur pour le moment, donc je ne peux pas vous donner la classe, mais si vous allez dans les outils de développement (DevTools), vous pouvez obtenir la classe et simplement créer un nouveau composant :
.banner_background { // mettre la vraie classe ici
background: url("https://example.com/example.png") cover no-repeat;
}
C’est l’en-tête par défaut. Si vous cherchez à appliquer l’arrière-plan à l’en-tête, alors oui, mais si vous voulez qu’il soit séparé, ce n’est pas cela.
Si vous voulez appliquer l’arrière-plan à l’en-tête du site, utilisez .d-header .wrap
Merci. Auriez-vous une chance de m’indiquer où je peux trouver des instructions sur la façon d’appliquer cette modification ? Je connais très peu de choses en CSS et encore moins sur la personnalisation de Discourse !
Pouvez-vous me dire à quel « changement » vous faites référence ?
Comment puis-je changer l’arrière-plan du haut de la page pour l’image qui se trouve derrière le message de bienvenue.
Si vous souhaitez remplacer l’arrière-plan de l’en-tête du site, voici ce qu’il vous faut
.d-header .wrap {
background: url("https://example.com/example.png") cover no-repeat;
}
Désolé, je n’étais pas clair. Il y a probablement un guide « étape par étape » sur la façon d’ajouter du CSS personnalisé au site. C’est ce que je recherche.
Il existe Making custom CSS changes on your site pour des informations générales sur la façon de le faire