 |
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 sforzi relativi ai banner. L’obiettivo è fornire maggiore facilità e flessibilità attraverso l’uso delle impostazioni del tema.
Di seguito sono riportati alcuni punti salienti delle funzionalitĂ :
- Limitare la visualizzazione agli utenti connessi o agli utenti anonimi
- Limitare la visualizzazione esclusivamente a dispositivi mobili o desktop
- Limitare la visualizzazione a pagine specifiche
- Opzioni per la chiusura, l’espansione e la visualizzazione sempre attiva
- Opzione per la larghezza completa del browser
- Gestione dei colori
- Personalizzazione dell’intestazione e delle colonne utilizzando HTML (vedi sotto per ulteriori dettagli)
- Opzione per lo stato persistente (vedi sotto per ulteriori 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 delle limitazioni di larghezza. Sono forniti modelli HTML che possono essere personalizzati per soddisfare le tue esigenze individuali. Puoi anche controllare la larghezza di ogni colonna e aggiungere qualsiasi immagine o icona Font Awesome desideri nella parte superiore di ciascuna colonna.
Utilizzo dell’opzione per lo stato persistente
L’opzione per lo stato persistente si basa 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 ha premuto il pulsante appropriato. Senza questa impostazione, il banner si ripristina 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 modificare il “nome del cookie”. Ciò ripristinerà essenzialmente qualsiasi stato persistente, consentendo poi all’utente di chiudere il banner una volta ancora.
Impostazioni
| Nome | Descrizione |
|---|---|
| show for members | Visualizza il banner per gli utenti connessi al forum |
| show for anon | Visualizza il banner per gli utenti anonimi |
| display on mobile | Visualizza il banner sui dispositivi mobili |
| display on desktop | Visualizza il banner sui computer desktop |
| display on homepage | Visualizza il banner nella homepage |
| url must contain | Inserisci i percorsi che devono visualizzare il banner. Aggiungi * alla fine del percorso come carattere jolly |
| dismissible | Consenti agli utenti di chiudere il banner |
| collapsible | Consenti agli utenti di espandere e collassare il banner |
| default collapsed state | Stato di collasso predefinito quando l’impostazione collapsible è 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 singola unità , quindi impostare “year” corrisponderà a un anno, “week” a una settimana, ecc. |
| cookie name | Quando vengono apportate modifiche importanti al banner, devi modificare il nome del cookie per garantire che tutti i tuoi utenti vedano le modifiche. |
| full width banner | Visualizza il banner con la larghezza completa del browser |
| swap default positioning | Se è attivo un altro componente relativo al banner, utilizza questa opzione 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 l’immagine di sfondo. Suggerimento: puoi caricare un’immagine nel tuo tema principale e utilizzare l’URL da essa, 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 l’immagine di sfondo quando viene rilevata la modalità scura di 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 di 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 di 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 di 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 di 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 |
Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Pro, Business ed Enterprise.