Brand Navigation — Markenmenüs und Header-Links
 |
Zusammenfassung | Brand Navigation fügt eine markenbasierte Navigationsleiste mit direkten Links und Dropdown-Menüs hinzu und ergänzt den Header von Discourse um optionale Text- und Icon-Links. |
 |
Vorschau | Screenshots und Live-Beispiele |
 |
Repository | CodeWorksLabs/brand-navigation |
 |
Installationsanleitung | So installieren Sie ein Theme oder einen Theme-Bestandteil |
 |
Neu bei Discourse Themes? | Einsteiger-Guide zur Nutzung von Discourse Themes |
Dieses Theme-Komponente installieren
Brand Navigation bietet Ihrer Community eine markenbasierte Navigationsleiste für Links zu Ihrer Website, Community-Ressourcen und verwandten Projekten. Es unterstützt Dropdown-Menüs und kann auch direkte Text- oder Icon-Links im eigenen Header von Discourse platzieren.
Beispiele
The Bridge: Eine Navigationsleiste über dem Forum-Header, mit zusätzlichen Links neben den Header-Steuerelementen von Discourse.
Repeal OBBBA Forum: Eine rote Navigationsleiste mit Community-Menüs und Social-Media-Links im Discourse-Header.
Funktionen
- Markenidentität: Zeigen Sie einen Namen, ein Logo oder beides an, mit separaten Logos für den hellen und dunklen Modus. Platzieren Sie die Leiste über oder unter dem Discourse-Header.
- Links und Menüs: Fügen Sie direkte Links und eine Ebene von Untermenüs hinzu. Ein Elternpunkt kann auf eine Seite verlinken (mit einem separaten Menü-Pfeil) oder nur als Untermenü-Button fungieren. Einträge können Icons und optionale Untermenü-Beschreibungen enthalten.
- Header-Links: Platzieren Sie Social-Media-Links, Forum-Links und externe Links im Kern-Header von Discourse.
- Zielgruppen- und Gerätesteuerung: Zeigen Sie Einträge für alle, angemeldete Besucher oder abgemeldete Besucher an und wählen Sie die Sichtbarkeit für Desktop oder Mobilgeräte.
- Mobile Layouts: Verwenden Sie ein kompaktes Menü, eine vollständige Leiste oder verstecken Sie das Element auf mobilen Geräten.
- Erscheinungsbild und Konfiguration: Erben Sie die Farbpalette von Discourse oder legen Sie Komponentenfarben fest, passen Sie die Größe des Textes und der Icons in den Header-Links an, sortieren Sie Einträge im strukturierten Editor neu und exportieren oder importieren Sie eine JSON-Konfiguration.
Erste Schritte
Brand Navigation installieren · Links, Menüs und Farben hinzufügen · Einstellungen sichern oder verschieben
Status
ist als Vorabversion verfügbar. Weitere Informationen finden Sie in den bekannten Problemen und im Testprotokoll.
Feedback und Support
Fragen, Screenshots und Ideen zur Konfiguration sind in diesem Thema willkommen. Für Hilfe bei Installation, Konfiguration und Fehlerbehebung erstellen Sie bitte ein Thema im Bereich Brand Navigation Support im CodeWorksLabs-Forum.
Bugs, Kompatibilitätsberichte und Dokumentationskorrekturen können auch über GitHub Issues gemeldet werden.
Roadmap und Funktionswünsche
Verfolgen Sie die Brand Navigation Roadmap für vorgeschlagene, geplante, laufende und veröffentlichte Arbeiten.
Haben Sie eine Idee zur Verbesserung von Brand Navigation? Teilen Sie sie in Feature Requests.
Brand Navigation wird unabhängig von CodeWorksLabs gepflegt und unter der Lizenz GPL-2.0-or-later veröffentlicht.
Dank
Wir danken den Autoren von Discourse Brand Header, Discourse Header Submenus, Custom Header Links (icons) und Pavilion’s Dropdown Header für die Ideen und Beispiele, die Brand Navigation inspiriert haben. Die vollständigen Credits finden Sie in den Hinweisen zu Attribution and Licensing sowie im Autoren- und Herkunftsprotokoll.