Versatile Banner

[pfaffman (Jay Pfaffman)]

Non puoi. Dovresti renderli amministratori.

[danielabc (Daniela)]

Conosci qualche altro componente in cui i moderatori possono cambiare la foto del banner?

[pfaffman (Jay Pfaffman)]

No. I moderatori non possono cambiare i temi.

Sarebbe possibile creare un tema che, ad esempio, renderebbe il banner una foto in un argomento con un certo tag o categoria (o l’argomento più recente con quel tag o categoria). Potresti quindi limitare l’accesso a quel tag o categoria ai membri di un certo gruppo. Una volta ho scritto un plugin che prendeva i suoi dati dalla risposta più recente a un argomento.

Quindi, senza guardare il codice, penso che potresti fare un fork del tema e fare qualcosa del genere.

[awesomerobot (Kris)]

Oggi abbiamo unito un refactor di questo componente che lo sposta dal nostro sistema di widget personalizzato a un componente Ember moderno.

REFACTOR: update to use glimmer components instead of widgets

Questo è necessario poiché prevediamo di rimuovere il nostro sistema di widget entro il prossimo anno. Tutta la funzionalità del banner dovrebbe rimanere la stessa, ma faccelo sapere se riscontri nuovi problemi!

Una cosa da notare che è cambiata è che, poiché non è più composto da widget, non sarai in grado di fare qualcosa di simile per sovrascrivere la sua funzionalità:

@tshenry

Potresti essere in grado di fare qualcosa come:

<script type="text/discourse-plugin" version="0.10.0">
  // Aggiungi il link all'intestazione
  api.reopenWidget("banner-box-widget", {
    html(attrs) {

Questo tipo di personalizzazione è sempre stato un po’ fragile (se il tema cambia, potrebbe interrompere la sovrascrittura e, a sua volta, l’intero componente), quindi questo è uno schema da cui ci stiamo allontanando quando sviluppiamo estensioni per Discourse.

[markersocial]

@awesomerobot

Tutta la funzionalità del banner dovrebbe rimanere la stessa, ma fateci sapere se riscontrate nuovi problemi!

Grazie per l’aggiornamento! Solo per avvisarti: su stable, sembra esserci un nuovo problema quando le colonne sono vuote/nascoste. Prima, impostare i campi ‘contenuto prima/seconda/terza/quarta colonna’ su vuoto nascondeva quelle colonne, se non ricordo male. Ma dopo l’aggiornamento, le colonne occuperanno spazio vuoto se lasciate vuote, è più evidente su mobile.

[awesomerobot (Kris)]

Ottimo punto! Nascondo i contenitori se non c’è contenuto in un nuovo aggiornamento qui: UX: hide column containers if empty by awesomerobot · Pull Request #21 · discourse/discourse-versatile-banner · GitHub

[flash]

Ciao, ho un problema con il banner su Firefox per dispositivi mobili. Sto usando 3 colonne e le prime due mostrano tutto il contenuto mentre la terza è tagliata. Su Samsung S23 Ultra lo vedo bene su Brave. Su Firefox, sia con accesso effettuato che disconnesso, manca.

Ho controllato su iPhone 14 Pro e Safari funziona bene.

[Kieran_Berryman]

Ciao,

Non credo di aver visto il mio problema altrove in questa discussione, ma mi scuso se è già stata fornita una soluzione. Voglio implementare questo banner nella mia community e, dopo un’ampia personalizzazione, mi sono reso conto che sembra che questo componente stia estendendo il lato destro del contenitore principale oltre il normale. Fornirò alcuni screenshot qui sotto di cosa intendo (tutto nel banner è attualmente nelle impostazioni predefinite).

Questo è con il banner abilitato:

Il lato vicino al nuovo argomento è esteso oltre la mia immagine del profilo.

---

Tuttavia, con il componente del tema disabilitato, tutto sembra normale.

Come puoi vedere, il lato destro è allineato con la mia immagine del profilo.

---

Sto usando altri componenti del tema, quindi è possibile che quelli possano interferire. Fornirò un elenco di componenti qui sotto:

• Dark-Light Toggle
• DiscoTOC
• Discourse Clickable Topic
• Discourse Gifs
• Discourse Header Search
• Hamburger Theme Selector
• Custom Header Links
• Header Submenus
• Versatile Banner

Hai qualche idea di cosa stia succedendo?

Grazie

[barto_95]

Quando cambio il testo nel nome del cookie, il banner non viene visualizzato nell’app Discourse…

forse un bug?

[Kieran_Berryman]

Sembra che questo componente del tema abbia la funzionalità per essere visualizzato solo su determinate pagine, e voglio fare qualcosa di simile. Come è stata ottenuta questa funzionalità?

[awesomerobot (Kris)]

Il componente controlla l’impostazione rispetto a currentURL qui:

https://github.com/discourse/discourse-versatile-banner/blob/main/javascripts/discourse/components/versatile-banner.js#L66-L85

[stuwest]

Il banner viene visualizzato solo su determinati browser? Stiamo organizzando una raccolta fondi e vorrei che tutti ne fossero a conoscenza, ma diverse persone hanno commentato di non aver visto nulla. Ho provato a deselezionare le impostazioni dismissible e collapsible ma senza alcun effetto.

Al momento non vedo il banner se accedo al forum tramite (la mia copia, ammetto, vecchia) Safari su Mac o (la mia completamente aggiornata) app DiscourseHub su iPhone. Lo vedo su Safari sul mio iPhone e su Firefox sul mio Mac.

Qualsiasi suggerimento? Ovviamente ho un controllo limitato sui browser utilizzati dai miei utenti, ma vorrei che tutti vedessero gli annunci importanti.

[Javier_Carpinteyro_Ponce]

Ciao,

Sono abbastanza nuovo di Discourse e Versatile Banners, ma mi chiedevo se fosse possibile modificare la dimensione delle icone per le icone che inserisco nelle colonne del banner?

Ogni indicazione sarebbe molto apprezzata.

Javier

[Kleinanzeigen-Enhanced (Richard)]

Stesso problema, anche con meno componenti. L’intera pagina è scorrevole ma verso destra. Grazie in anticipo per una soluzione
Aggiornamento:
Sto usando il tema Air. E il problema è ancora lì, anche quando disattivo tutti gli altri componenti.

Risolto: ho creato il mio Banner con un componente personalizzato.

[stephen34]

Dove posso trovare l’impostazione (piano ospitato) per cambiare il colore del carattere dell’interruttore di espansione/compressione del banner versatile?

L’impostazione predefinita è grigia, ma è difficile da vedere rispetto all’immagine di sfondo scelta per il nostro sito. Se è determinata dalla palette di colori del tema del sito sottostante, quale componente devo modificare (ad esempio, Primario 500, ecc.).

[nathank (Nathan Kershaw)]

Non c’è un’impostazione per questo, ma puoi usare il CSS nel tuo tema. Ecco cosa devi selezionare

.banner-box .button-container .close .d-button-label, .banner-box .button-container .toggle .d-button-label {
    font-size: 1em;
    color: #646464;
}

[philh]

Il banner versatile e Brand Header - #266 by pacharanero potrebbero non funzionare bene insieme.

Impostando l’intestazione del brand su “display above-site-header” e quindi abilitando il banner versatile, l’intestazione del brand si sposta sotto l’intestazione. Disabilitando gli altri componenti e lavorando solo con questi due, è stato confermato che il conflitto è tra di loro.

Dopo aver abilitato il banner versatile

[philh]

Questo è stato corretto da @Juan_David_Martínez in

Plugin Conflict Between Brand Header and Versatile Banner

Hi @philh, I have merged the fix for this, thanks for reporting. Let me know if you find issues.

Aggiorna il tuo componente.