Hey! Wir versuchen, unseren eigenen Discourse-Kanal einzurichten, und benötigen ein Banner (nach dem Header), das so aussehen soll:
Allerdings haben wir zwei Hauptprobleme:
- Wir können die volle Breite des Banners nicht erreichen. Discourse fügt einen Container hinzu, sodass die gesamte Komponente innerhalb dieses Containers liegt.
- Wir können die Bilder nicht sehen, auch wenn sie im DOM vorhanden sind – wir haben die Bilder hochgeladen und wie folgt verwendet:
background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
aber es funktioniert nicht.
Jede Hilfe wird sehr geschätzt.
Vielen Dank im Voraus.
In der Kopfdatei Ihres Themes können Sie Folgendes hinzufügen:
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">
// Ihr benutzerdefiniertes HTML hier
</script>
Dies nutzt einen Plugin-Auslass, um den Inhalt direkt unter der Kopfzeile und außerhalb unseres Inhaltscontainers einzufügen (weitere Details hier: Entwicklerleitfaden für Discourse-Themes)
Basierend auf dem Variablennamen… handelt es sich hierbei um ein SVG-Bild? Falls ja, müssen Sie möglicherweise sicherstellen, dass die SVG-Datei eine Viewbox und/oder Dimensionen in ihrem Markup enthält… Ich bin gelegentlich auf dieses Problem gestoßen.
Andernfalls würde ich erwarten, dass Ihr Bild angezeigt wird… tritt dies auf einer Live-Website oder einer lokalen Entwicklungsumgebung auf? Ich hatte gelegentlich Probleme mit hochgeladenen Bildern auf Entwicklungsumgebungen; normalerweise behebt das Löschen des Caches oder Neustarten des Servers das Problem.
