 |
Riepilogo | Versatile Banner aggiunge un banner personalizzabile al tuo sito. |
 |
Anteprima | Anteprima su Discourse Theme Creator |
 |
Collegamento al repository | https://github.com/discourse/discourse-versatile-banner |
 |
Nuovo a Discourse Themes? | Guida per principianti all’uso di Discourse Themes |
Installa questo componente del tema
Funzionalità
Questo componente del tema è un’evoluzione dei precedenti tentativi di banner. L’obiettivo è fornire maggiore facilità e flessibilità attraverso l’uso delle impostazioni del tema.
Di seguito sono riportate le funzionalità principali:
- Limita la visualizzazione agli utenti registrati o agli utenti anonimi
- Limita la visualizzazione esclusivamente a dispositivi mobili o desktop
- Limita la visualizzazione a pagine specifiche
- Opzioni eliminabili, espandibili e sempre visibili
- Opzione larghezza completa del browser
- Gestione dei colori
- Personalizzazione dell’intestazione e delle colonne utilizzando HTML (vedi sotto per maggiori dettagli)
- Opzione stato persistente (vedi sotto per maggiori dettagli)
Personalizzazione del contenuto del banner
Il contenuto del banner è suddiviso nell’intestazione principale e nelle colonne. Puoi avere fino a 5 colonne nel tuo banner, tuttavia il numero consigliato è 3 o meno a causa dei limiti di larghezza. Sono forniti modelli HTML che possono essere personalizzati per soddisfare le tue esigenze individuali. Puoi anche controllare la larghezza di ciascuna colonna e aggiungere qualsiasi immagine o icona Font Awesome desideri nella parte superiore di ciascuna colonna.
Utilizzo dell’opzione stato persistente
L’opzione stato persistente si baserà su fino a due cookie. Questi cookie conterranno un nome per il banner e un valore vero/falso relativo allo stato del banner. Se hai preoccupazioni riguardo all’uso dei cookie sul tuo 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/collassato per quella durata dopo che l’utente preme il pulsante appropriato. Senza questa impostazione, il banner si resetta ad ogni caricamento completo della pagina. Se apporti una modifica al banner e vuoi assicurarti che tutti gli utenti vedano tali modifiche, anche quelli che avevano precedentemente chiuso il banner, assicurati di cambiare il “nome del cookie”. Questo resetterà essenzialmente qualsiasi stato persistente, consentendo poi all’utente di chiudere nuovamente il banner.
Impostazioni
| Nome | Descrizione |
|---|---|
| show for members | Mostra il banner per gli utenti registrati al forum |
| show for anon | Mostra il banner per gli utenti anonimi |
| display on mobile | Mostra il banner sui dispositivi mobili |
| display on desktop | Mostra il banner sui computer desktop |
| display on homepage | Mostra il banner nella homepage |
| url must contain | Inserisci i percorsi che devono mostrare il banner. Aggiungi * alla fine del percorso come jolly |
| dismissible | Consenti agli utenti di chiudere il banner |
| collapsible | Consenti agli utenti di espandere e collassare il banner |
| default collapsed state | Stato collassato predefinito quando l’impostazione collassabile è abilitata |
| cookie lifespan | La durata del cookie utilizzato per ricordare se il banner è stato chiuso, espanso o collassato. Se impostato su “none”, 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 un’unità singola, quindi impostare “year” corrisponderà a un anno, “week” a una settimana, ecc. |
| cookie name | Quando vengono apportate modifiche importanti al banner, devi cambiare il nome del cookie per assicurarti che tutti i tuoi utenti vedano le modifiche. |
| full width banner | Mostra il banner a larghezza completa del browser |
| swap default positioning | Se è attivo un altro componente relativo ai banner, usalo per scambiare la sua posizione con Versatile Banner |
| plugin outlet | below-site-header lo posiziona sopra la barra laterale, above-main-container lo posiziona sopra il contenuto a lato della barra laterale |
| banner background image | L’URL sorgente per la tua immagine di sfondo. Suggerimento: puoi caricare un’immagine sul tuo tema principale e utilizzare l’URL da lì, ma assicurati di non utilizzare la sezione “Uploads” di questo componente. Tutti i caricamenti aggiunti a questo componente verranno eliminati ogni volta che viene aggiornato. |
| banner background image dark | L’URL sorgente per la tua immagine di sfondo quando viene rilevata la modalità scura del sistema. |
| background color | Utilizzato al posto di un’immagine di sfondo |
| background color dark | Utilizzato al posto di un’immagine di sfondo quando viene rilevata la modalità scura del sistema. |
| primary text color | Il colore del testo principale del banner |
| primary text color dark | Il colore del testo principale del banner quando viene rilevata la modalità scura del sistema |
| secondary text color | Il colore del testo dell’icona e delle intestazioni di testo, e il colore di sfondo del pulsante. |
| secondary text color dark | Il colore del testo dell’icona e delle intestazioni di testo, e il colore di sfondo del pulsante quando viene rilevata la modalità scura del sistema. |
| link text color | Il colore del testo dei collegamenti all’interno del banner |
| link text color dark | Il colore del testo dei collegamenti 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/Collassa il banner |
| toggle.collapse_label | Collassa |
| toggle.expand_label | Espandi |
Ospitati da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Pro, Business e Enterprise.
Ospitati da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Pro, Business e Enterprise.