Questo componente è dotato di una varietà di impostazioni!
Nome
Descrizione
mostra su
Scegli se mostrare il tuo banner sulla homepage, negli elenchi degli argomenti o su tutte le pagine
link banner
Aggiungi da 1 a 4 link con icone font awesome e testo (potrebbe essere necessario aggiungere icone non incluse in Discourse per impostazione predefinita all’impostazione svg_icons)
livello di fiducia massimo
Mostra il banner solo agli utenti a specifici livelli di fiducia
nascondi per lo staff
nascondi su mobile
layout
Testo a sinistra (predefinito) o testo in alto
plugin outlet
ti permette di cambiare dove viene renderizzato il banner, se stai usando la barra laterale prova above-main-container
nascondi per anonimi
Nasconde il banner agli utenti non registrati
può essere chiuso
Permette agli utenti di cliccare su una x per nascondere il banner
immagine di sfondo del banner
Scegli un’immagine da visualizzare dietro il banner
ripetizione sfondo banner
Configura il comportamento di ripetizione dell’immagine di sfondo
dimensione sfondo banner
Regola la dimensione della tua immagine di sfondo usando CSS (maggiori informazioni)
colore sfondo banner
Nessuna immagine di sfondo? Usa un colore solido!
colore sfondo box banner
colore testo banner
colore icona banner
colore link banner
Traduzioni
Predefinito
meta_banner.welcome
Benvenuto nella nostra community!
meta_banner.subtitle
Unisciti alla conversazione e ricorda di essere gentile.
Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Pro, Business e Enterprise.
Se stai usando la barra laterale sperimentale, ho aggiunto un’impostazione (plugin outlet) che farà apparire il banner di benvenuto sopra il contenuto ma non sopra la barra laterale. Cambia semplicemente quell’impostazione in above-main-container.
Modificare quell’impostazione farà apparire il banner a destra della barra laterale, come fa il nostro banner qui su Meta:
Su desktop, puoi eliminare l’elemento localstorage qui, discourse_dismissedWelcomeLinkBanner.
Premi F12 per aprire la console del browser → vai alla scheda Application → Nel pannello di sinistra, fai clic su Local Storage quindi sul tuo sito web → Cerca la chiave discourse_dismissedWelcomeLinkBanner ed eliminala.
Ecco fatto! Puoi aggiornare e il banner dovrebbe apparire di nuovo.
La mia domanda potrebbe sembrare stupida, ma non sono un programmatore. Ho installato il componente CSS Classes for Current User's Groups. Se voglio visualizzare 3 opzioni di banner per tre gruppi diversi, dovrei installare tre copie del componente Welcome Link Banner? Quindi come dovrei stilizzare il CSS se volessi:
Per il gruppo A, fosse visualizzato banner-A, per il gruppo B, fosse visualizzato banner-B e per il gruppo C, fosse visualizzato banner-C? Potresti fornire un esempio?
Grazie in anticipo per la tua risposta
Grazie, questo funziona se voglio nascondere un banner per un gruppo specifico, ma non so come visualizzare banner diversi con contenuti diversi per gruppi diversi (
Se desideri banner diversi, ciò richiederà più di una copia del componente banner del link di benvenuto (non del componente del gruppo CSS). Potresti anche voler utilizzare CSS diversi per mostrare piuttosto che nascondere.
potresti volerlo nascondere prima a tutti, quindi utilizzare display: block per gruppi selezionati. Ciò che desideri può probabilmente essere ottenuto in più di un modo: nascondere a tutti quindi mostrare ad alcuni, o nascondere ad alcuni.
Potrebbe essere necessario creare una copia del componente banner per ogni utilizzo? Probabilmente è meglio imparare le basi del CSS e dello sviluppo di componenti tematici per questo tipo di caso d’uso fuori ambito.
| Riepilogo | Welcome Link Banner è un semplice banner che ti permette di aggiungere testo personalizzato e da 1 a 4 link.
| Anteprima | Anteprima su Discourse Theme Creator |
| Link al repository | https://github.com/discourse/discourse-welcome-link-banner
| Nuovo per i temi di Discourse? | Guida per principianti all’uso dei temi di Discourse
Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Pro, Business e Enterprise.
Se installi questo componente del tema dovresti essere in grado di usare il CSS per ottenere ciò che desideri