Hey alle zusammen! Ich versuche, benutzerdefiniertes HTML unter dem Header außerhalb des main-outlet mit der wrap-Klasse hinzuzufügen, da ich vermeiden möchte, dass es in der Mitte zentriert wird.
Figma hat etwas Ähnliches (Beispiel)
Hey alle zusammen! Ich versuche, benutzerdefiniertes HTML unter dem Header außerhalb des main-outlet mit der wrap-Klasse hinzuzufügen, da ich vermeiden möchte, dass es in der Mitte zentriert wird.
Figma hat etwas Ähnliches (Beispiel)
Hallo @AmericanGuy! ![]()
Es gibt eine ausgezeichnete Theme-Komponente, mit der Sie alle verfügbaren Auslässe sehen können, in denen Sie benutzerdefinierten HTML-Code hinzufügen können:
Nachdem Sie die Theme-Komponente in Ihrem Theme aktiviert haben, können Sie die Positionen der Auslässe auf Ihrer Website ein- oder ausblenden, indem Sie auf das Auslasssymbol neben dem Suchsymbol klicken: ![]()
Sie sehen, dass es einen Auslass namens „below-site-header“ direkt unter dem Header gibt.
Jetzt können Sie Ihr benutzerdefiniertes HTML in diesen Auslass einfügen, indem Sie diesen Code im Tab Head Ihres Themes oder Ihrer Komponente verwenden:
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/my-custom-element">
test
</script>
(ersetzen Sie my-custom-element durch einen eindeutigen und beschreibenderen Namen)
Hier sehen Sie, wie es aussehen wird (schauen Sie oben links im Bild):
Mehr über Auslässe können Sie hier lesen: Developing Discourse Themes & Theme Components ![]()
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.