Salut ! Nous essayons de configurer notre propre canal Discourse et nous devons mettre en place une bannière (après l’en-tête) qui doit ressembler à ceci -
Mais nous rencontrons deux problèmes majeurs :
- Nous n’arrivons pas à obtenir la largeur complète de la bannière. Discourse ajoute un conteneur, de sorte que tout le composant se retrouve à l’intérieur de ce conteneur.
- Nous ne voyons pas les images même si elles sont dans le domaine — Nous avons téléchargé ces images et les avons utilisées comme suit :
background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
mais cela ne fonctionne pas.
Toute aide sera appréciée.
Merci d’avance.
Dans le fichier head de votre thème, vous pouvez ajouter ceci :
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">
// Votre HTML personnalisé ici
</script>
Cela utilise une sortie de plugin pour placer le contenu directement sous l’en-tête et en dehors de notre conteneur de contenu (plus de détails ici : Guide du développeur pour les thèmes Discourse)
D’après le nom de la variable… s’agit-il d’une image SVG ? Si oui, vous devrez peut-être vous assurer que le fichier SVG possède une vue (viewbox) et/ou des dimensions dans son balisage… J’ai parfois rencontré ce problème.
Sinon, je m’attendrais à ce que votre image s’affiche… cela se produit-il sur un site en production ou sur une installation de développement locale ? J’ai parfois rencontré des problèmes avec les images téléchargées sur les installations de développement ; généralement, vider le cache ou redémarrer le serveur résout le problème.
3 « J'aime »
