Questo componente del tema fornirà un’intestazione fissa con un logo grande quando si è in cima alla pagina. Man mano che si scorre verso il basso, apparirà la normale barra dell’intestazione di Discourse. Questo permette di visualizzare in modo pulito un logo di grandi dimensioni nella parte superiore della pagina.
Su mobile, la barra dell’intestazione verrà visualizzata solo quando il telefono è in modalità verticale. Lo spazio verticale è solitamente piuttosto limitato in modalità orizzontale, quindi questo mantiene l’interfaccia aperta. Per vedere di nuovo l’intestazione, puoi scorrere fino in cima alla pagina o ruotare il telefono nuovamente in modalità verticale.
Il modo migliore per vedere cosa fa questo componente del tema è provarlo, cosa che puoi fare visitando:
Ecco il mio tentativo di un piccolo GIF che lo mostra in azione (consiglio vivamente di cliccare sul link sopra per una visualizzazione migliore
)
Impostazioni:
Attualmente ci sono tre impostazioni che dovrebbero essere abbastanza chiare:
Installazione:
IMPORTANTE: Devi eseguire Discourse Version 2.0.0.beta4 o versioni successive affinché questo tema funzioni.
Dai un’occhiata a questo argomento per le istruzioni su come installare il componente del tema:
Link di importazione:
https://github.com/tshenry/discourse-big-header-little-header.git
Informazioni:
La proposta originale per questo è arrivata da @ryanerwin su Marketplace. Mi ha chiesto di generalizzare ciò che avevo creato per lui e condividerlo con il resto della comunità. Quindi questo tema è fortemente ispirato e portato a voi da lui ![]()
Note:
Dato che gli utenti amano personalizzare le loro intestazioni e l’area generale vicino alla parte superiore della pagina, potrebbero essere necessari ulteriori aggiustamenti per gestire conflitti con altre personalizzazioni. Ho testato che funzioni su un tema Discourse pulito, ma preparati a fare delle modifiche in base a quante altre personalizzazioni hai già fatto. Sarebbe ideale apportare quante più modifiche possibili a questo componente come un componente del tema figlio separato, in modo da non perdere traccia delle tue modifiche se/quando il tema viene aggiornato.
Problemi noti:
Poiché questo aggiunge spaziatura al div#main-outlet, la timeline degli argomenti può essere influenzata a seconda delle dimensioni del tuo logo. Esistono modi codificati per gestirlo, ma non è l’ideale. Molto probabilmente farò un post su Dev per delineare tutto ciò che ho provato e vedere se qualcuno ha idee su come compensare lo spazio aggiuntivo.
Repository:
Come sempre, sentiti libero di pubblicare se hai domande, problemi o suggerimenti! Il mio tempo è un po’ limitato in questo momento, ma cercherò di rispondere a tutto il più rapidamente possibile ![]()




