Navigazione del marchio

Navigazione di marca — menu e link nell’intestazione personalizzati

:information_source: Sommario Brand Navigation aggiunge una barra di navigazione personalizzata con link diretti e menu a tendina, e aggiunge link opzionali con testo e icone all’intestazione di Discourse.
:eyeglasses: Anteprima Screenshot ed esempi live
:hammer_and_wrench: Repository CodeWorksLabs/brand-navigation
:question: Guida all’installazione Come installare un tema o un componente di tema
:open_book: Nuovo ai temi Discourse? Guida per principianti all’uso dei temi Discourse

Installa questo componente di tema

Brand Navigation offre alla tua community una barra di navigazione personalizzata per i link al tuo sito web, alle risorse della community e ai progetti correlati. Supporta i menu a tendina e può anche posizionare link diretti con testo o icone nell’intestazione stessa di Discourse.

Esempi

The Bridge: una barra di navigazione sopra l’intestazione del forum, con link aggiuntivi accanto ai controlli dell’intestazione di Discourse.

Repeal OBBBA Forum: una barra di navigazione rossa con menu della community e link social nell’intestazione di Discourse.

Funzionalità

  • Identità di marca: mostra un nome, un logo, o entrambi, con loghi separati per modalità chiara e scura. Posiziona la barra sopra o sotto l’intestazione di Discourse.
  • Link e menu: aggiungi link diretti e un livello di sottomenu. Un elemento genitore può linkare a una pagina con una freccia di menu separata, oppure agire solo come pulsante per il sottomenu. Gli elementi possono includere icone e descrizioni opzionali dei sottomenu.
  • Link nell’intestazione: posiziona link social, link al forum e link esterni nell’intestazione principale di Discourse.
  • Controlli su pubblico e dispositivo: mostra gli elementi a tutti, ai visitatori autenticati o a quelli non autenticati, e scegli la visibilità su desktop o mobile.
  • Layout mobile: usa un menu compatto, una barra completa, o nascondi il componente su mobile.
  • Aspetto e configurazione: eredita la palette colori di Discourse o imposta i colori del componente, regola le dimensioni del testo e delle icone dei link nell’intestazione, riordina gli elementi nell’editor strutturato ed esporta o importa una configurazione JSON.

Iniziare

Installa Brand Navigation · Aggiungi link, menu e colori · Esegui il backup o sposta le impostazioni

Stato

Release v1.0.0-rc.5 è disponibile come pre-release. Consulta i problemi noti e il registro dei test per i dettagli.

Feedback e supporto

Domande, screenshot e idee di configurazione sono benvenuti in questo argomento. Per assistenza con installazione, configurazione e risoluzione dei problemi, apri un argomento in Supporto Brand Navigation sul Forum CodeWorksLabs.

Bug, report di compatibilità e correzioni alla documentazione possono essere segnalati anche tramite GitHub Issues.

Roadmap e richieste di funzionalità

Segui la roadmap di Brand Navigation per i lavori proposti, pianificati, in corso e rilasciati.

Hai un’idea per migliorare Brand Navigation? Condividila nelle Richieste di funzionalità.

Brand Navigation è mantenuto indipendentemente da CodeWorksLabs e rilasciato sotto licenza GPL-2.0-or-later.

Ringraziamenti

Ringraziamo gli autori di Discourse Brand Header, Discourse Header Submenus, Custom Header Links (icons) e Dropdown Header di Pavilion per le idee e gli esempi che hanno ispirato Brand Navigation. Consulta attribuzioni e licenze e il registro di autore e provenienza per i crediti completi.

1 Mi Piace