Banner personalizzato per il canale discourse

Ciao! Stiamo cercando di configurare il nostro canale Discourse e abbiamo bisogno di implementare un banner (dopo l’intestazione) che dovrebbe apparire così -

Ma stiamo riscontrando due problemi principali:

  1. Non riusciamo a ottenere la larghezza completa del banner. Discourse aggiunge un contenitore, quindi l’intero componente viene inserito all’interno di quel contenitore.
  2. Non riusciamo a vedere le immagini anche se si trovano nel dominio – abbiamo caricato quelle immagini e le abbiamo utilizzate così: background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
    ma non funziona.

Qualsiasi aiuto sarà apprezzato.
Grazie in anticipo.

Nel file head del tuo tema puoi aggiungere questo:

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">

// Il tuo HTML personalizzato qui

</script>

Questo sfrutta un outlet di plugin per inserire il contenuto direttamente sotto l’intestazione e fuori dal nostro contenitore dei contenuti (per maggiori dettagli vedi: Guida per sviluppatori ai temi Discourse)

In base al nome della variabile… si tratta di un’immagine SVG? Se è così, dovresti assicurarti che il file SVG abbia un viewbox e/o delle dimensioni nel suo markup… Ho occasionalmente incontrato questo problema.

In caso contrario, mi aspetterei che la tua immagine appaia… questo sta accadendo su un sito live o su un’installazione locale di sviluppo? Ho occasionalmente avuto problemi con le immagini caricate su installazioni di sviluppo; di solito cancellare la cache o riavviare il server risolve il problema.