 |
Zusammenfassung | Brand Header fügt einen zusätzlichen oberen Header für die Branding-Funktion mit Ihrem Logo, Navigationslinks und Social-Media-Symbolen sowohl für mobile als auch für Desktop-Ansichten hinzu. 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? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Dieses Theme-Komponente installieren
Funktionen
Desktop-Vorschau:
Mobile Vorschau:
Einstellungen
| Name | Beschreibung |
|---|---|
| Markenname | |
| Website-URL | |
| Mobile-Logo-URL | |
| Links | Textlinks, die im Header angezeigt werden |
| Symbole | Symbol-Links, die im Header angezeigt werden |
| benutzerdefinierte Font Awesome-Symbole | Liste der in dieser Theme-Komponente verwendeten FontAwesome 6-Symbole |
| Leiste auf Mobilgeräten anzeigen | |
| Plugin-Auslassung |
Verwendung von Font Awesome 6-Symbolen
Damit die Font Awesome 6-Symbole in dieser Theme-Komponente korrekt angezeigt werden, müssen Sie 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
Darüber hinaus müssen Sie für einige Font Awesome 6-Symbole ein „fa"- oder „fab"-Präfix mit dem Symbolnamen angeben (z. B. „fab-bluesky"), da einige Symbole Teil eines bestimmten Symbol-Subsets sind. Weitere Informationen hierzu finden Sie unter Wir aktualisieren unsere Symbole auf Font Awesome 6!.
Sobald Sie diese Symbole an allen drei Stellen hinzugefügt haben, sollten Sie sie im Brand Header-Theme-Komponente korrekt angezeigt sehen.
Von uns gehostet? Theme-Komponenten können in unseren Standard-, Business- und Enterprise-Plänen verwendet werden.