| Riepilogo | Versatile Banner aggiunge un banner personalizzabile al tuo sito. | |
| Anteprima | Anteprima su Discourse Theme Creator | |
| Link al Repository | https://github.com/discourse/discourse-versatile-banner | |
| Nuovo ai temi di Discourse? | Guida introduttiva all’uso dei temi di Discourse |
Installa questo componente tema
Funzionalità
Questo componente tema è un’evoluzione dei precedenti tentativi di creare banner. L’obiettivo è fornire maggiore facilità e flessibilità attraverso l’uso delle impostazioni del tema.
Di seguito sono evidenziate le funzionalità:
- Limita la visualizzazione agli utenti loggati o agli utenti anonimi
- Limita la visualizzazione esclusivamente a dispositivi mobili o desktop
- Limita la visualizzazione a pagine specifiche
- Opzioni di chiusura, espansione e visualizzazione permanente
- Opzione per la larghezza completa del browser
- Gestione dei colori
- Personalizzazione dell’intestazione e delle colonne utilizzando HTML (vedi sotto per maggiori dettagli)
- Opzione di stato persistente (vedi sotto per maggiori dettagli)
Personalizzazione del contenuto del banner
Il contenuto del banner è suddiviso in un’intestazione principale e in colonne. È possibile avere fino a 5 colonne nel banner, tuttavia il numero consigliato è di 3 o meno a causa delle limitazioni di larghezza. Sono forniti modelli HTML che possono essere personalizzati in base alle proprie esigenze. È inoltre possibile controllare la larghezza di ciascuna colonna e aggiungere qualsiasi immagine o icona Font Awesome in cima a ciascuna colonna.
Utilizzo dell’opzione di stato persistente
L’opzione di stato persistente si basa su un massimo di due cookie. Questi cookie conterranno un nome per il banner e un valore vero/falso relativo allo stato del banner. Se si hanno preoccupazioni riguardo all’utilizzo dei cookie sul proprio sito, è meglio evitare di utilizzare questa impostazione. Scegliere un’opzione di tempo relativo per l’impostazione cookie_lifespan garantirà che il banner rimanga chiuso/espanso/compresso per tale periodo di tempo dopo che l’utente ha premuto il pulsante appropriato. Senza questa impostazione, il banner si resetta con ogni caricamento completo della pagina. Se si apportano modifiche al banner e si vuole assicurarsi che tutti gli utenti vedano le modifiche, anche quelli che avevano precedentemente chiuso il banner, assicurarsi di modificare il “nome del cookie”. Questo essenzialmente resetterà qualsiasi stato persistente, consentendo poi all’utente di chiudere nuovamente il banner.
Impostazioni
| Nome | Descrizione |
|---|---|
| mostra per i membri | Mostra il banner agli utenti loggati nel forum |
| mostra per anonimi | Mostra il banner agli utenti anonimi |
| visualizza su mobile | Mostra il banner sui dispositivi mobili |
| visualizza su desktop | Mostra il banner sui computer desktop |
| visualizza nella homepage | Mostra il banner nella homepage |
| l’url deve contenere | Inserisci i percorsi che dovrebbero visualizzare il banner. Aggiungi * alla fine del percorso come carattere jolly |
| disattivabile | Consenti agli utenti di chiudere il banner |
| comprimibile | Consenti agli utenti di espandere e comprimere il banner |
| stato compresso predefinito | Stato compresso predefinito quando l’impostazione comprimibile è abilitata |
| durata del cookie | La durata del cookie utilizzato per ricordare se il banner è stato chiuso, espanso o compresso. Se impostato su “nessuno”, NON verranno utilizzati cookie con questo componente e eventuali cookie precedentemente creati relativi al banner verranno eliminati la prossima volta che un utente esegue un caricamento completo della pagina. I valori sono misurati come unità singola, quindi impostare “anno” sarà un anno, “settimana” sarà una settimana, ecc. |
| nome del cookie | Quando vengono apportate modifiche importanti al banner, è necessario modificare il nome del cookie per assicurarsi che tutti gli utenti vedano le modifiche. |
| banner a larghezza intera | Visualizza il banner alla larghezza completa del browser |
| inverti posizione predefinita | Se è attivo un altro componente relativo ai banner, usa questa opzione per scambiarne la posizione con Versatile Banner |
| plugin outlet | below-site-header lo posiziona sopra la barra laterale, above-main-container lo posiziona sopra il contenuto accanto alla barra laterale |
| immagine di sfondo del banner | L’URL sorgente per la tua immagine di sfondo. Suggerimento: puoi caricare un’immagine nel tuo tema principale e utilizzare l’URL da quello, ma assicurati di non utilizzare la sezione “Uploads” di questo componente. Qualsiasi caricamento aggiunto a questo componente verrà eliminato ogni volta che viene aggiornato. |
| immagine di sfondo del banner scura | L’URL sorgente per la tua immagine di sfondo quando viene rilevata la modalità scura del sistema. |
| colore di sfondo | Utilizzato al posto di un’immagine di sfondo |
| colore di sfondo scuro | Utilizzato al posto di un’immagine di sfondo quando viene rilevata la modalità scura del sistema. |
| colore del testo primario | Il colore principale del testo del banner |
| colore del testo primario scuro | Il colore principale del testo del banner quando viene rilevata la modalità scura del sistema |
| colore del testo secondario | Il colore del testo delle intestazioni con icone e testo, e il colore di sfondo dei pulsanti. |
| colore del testo secondario scuro | Il colore del testo delle intestazioni con icone e testo, e il colore di sfondo dei pulsanti quando viene rilevata la modalità scura del sistema. |
| colore del testo dei link | Il colore del testo dei link all’interno del banner |
| colore del testo dei link scuro | Il colore del testo dei link all’interno del banner quando viene rilevata la modalità scura del sistema. |
| Traduzione | Predefinito |
|---|---|
| close.title | Chiudi il banner |
| close.label | Chiudi |
| toggle.title | Espandi/Comprimi il banner |
| toggle.collapse_label | Comprimi |
| toggle.expand_label | Espandi |
Ospitato da noi? I componenti tema sono disponibili per l’uso sui nostri piani Pro, Business ed Enterprise.

