Brand Header fügt einen zusätzlichen oberen Header für Branding-Zwecke hinzu, der dein Logo, Navigationslinks und Social-Icons sowohl für mobile als auch für Desktop-Ansichten bereitstellt. Das Markenlogo kann ein Bild oder Text sein.
Liste der in dieser Theme-Komponente verwendeten FontAwesome 6-Icons
Leiste auf Mobilgeräten anzeigen
Plugin-Auslass
Verwendung von Font Awesome 6-Icons
Damit die Font Awesome 6-Icons in dieser Theme-Komponente korrekt angezeigt werden, musst du sie an drei Stellen in Discourse hinzufügen:
Die Site-Einstellung svg icon subset
Die Einstellung custom font awesome icons in der Komponente
Die Einstellung icons in der Komponente
Zusätzlich musst du bei einigen Font Awesome 6-Icons ein fa- oder fab-Präfix vor dem Icon-Namen angeben (z. B. „fab-bluesky“), da einige Icons Teil einer bestimmten Teilmenge von Icons sind. Siehe Wir aktualisieren unsere Icons auf Font Awesome 6! für Details zu dieser Verwendung.
Sobald du diese Icons an allen drei Stellen hinzugefügt hast, solltest du sie korrekt im Brand Header Theme-Komponente angezeigt sehen.
Von uns gehostet? Theme-Komponenten können in unseren Standard-, Business- und Enterprise-Tarifen verwendet werden.
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
Ich liebe diese Änderung, aber auf mehreren Seiten, die ich persönlich nutze, und auf einer gehosteten Seite, bei der ich Moderator bin (die NaNoWriMo-Foren), haben wir einige Probleme festgestellt. Im Gegensatz zum regulären Hamburger-Menü springt es zurück auf den Bildschirm, wenn Sie versuchen, es wegzewischt.
Ich habe dies persönlich auf einem vollständig aktualisierten Moto (g7) Power unter Android 9 und auf einem vollständig aktualisierten iPhone 8 beobachtet.
Es gab zudem mindestens einen Bericht, wonach sich das Menü auch bei Berührungen in der Nähe des Symbols und nicht nur direkt darauf öffnet, aber ich konnte dieses spezifische Verhalten persönlich nicht reproduzieren.
Danke! Es stellt sich heraus, dass ich keine Zeit hatte, einen ordentlichen PR zu erstellen. Glaubst du, du könntest die Einstellung für den Seitenkopf oben/unten hinzufügen?
Ich habe eine Anfrage erhalten, warum das Menü auf mobilen Geräten nicht funktioniert. Der Benutzer hat auf das linke Burger-Menü geklickt und dann auf einen Menülink – seine Wahrnehmung war, dass es nicht funktionierte, da das Menü immer noch den größten Teil des Bildschirms einnahm.
Ich musste erklären, dass man irgendwo rechts auf dem Bildschirm, neben dem Menü, tippen muss, um es zu schließen.
Wäre es möglich, dies intuitiver zu gestalten, entweder durch:
Automatisches Schließen des Menüs, wenn man auf einem mobilen Gerät auf einen Menülink klickt?
Einbeziehen eines ‘Menü schließen’-Buttons auf mobilen Geräten?
Ich wollte schon lange eine ähnliche Anfrage stellen. Oft versuche ich, das Menü auf dem Handy zu schließen, indem ich es nach links wische. Es scheint zu funktionieren, aber dann springt es wieder zurück. Bei den anderen Menüs in Discourse klappt es, sie durch Wischen zur Seite zu schließen.
Basierend auf den vorherigen 2 Beiträgen ist es seit mindestens 5 Monaten kaputt und niemand hat geantwortet. Ich gehe davon aus, dass diese Theme-Komponente tot ist, es sei denn, jemand sagt etwas anderes.
Von uns gehostet? Theme-Komponenten können in unseren Standard-, Business- und Enterprise-Tarifen verwendet werden.
