 |
Zusammenfassung | 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. |
 |
Vorschau | Vorschau im Discourse Theme Creator |
 |
Repository-Link | https://github.com/discourse/discourse-brand-header |
 |
Neu bei Discourse-Themes? | Einsteigerleitfaden zur Verwendung von Discourse-Themes |
Installiere diese Theme-Komponente
Funktionen
Desktop-Vorschau:
Mobile Vorschau:
Einstellungen
| Name | Beschreibung |
|---|---|
| Markenname | |
| Website-URL | |
| URL des mobilen Logos | |
| Links | Textlinks, die im Header angezeigt werden sollen |
| Icons | Icon-Links, die im Header angezeigt werden sollen |
| benutzerdefinierte Font Awesome 6-Icons | 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 iconsin der Komponente - Die Einstellung
iconsin 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.