Immagine di copertina a schermo intero

:information_source: Riepilogo Un componente del tema Discourse che visualizza un’immagine di copertina a schermo intero su tutto il forum al caricamento della pagina.
:hammer_and_wrench: Repository GitHub - communiteq/discourse-tc-fullscreen-coverimage · GitHub
:question: Guida all’installazione Come installare un tema o un componente del tema
:open_book: Nuovo a Discourse Themes? Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Un componente del tema Discourse che visualizza un’immagine di copertina a schermo intero su tutto il forum al caricamento della pagina.

Originariamente sviluppato per un’agenzia governativa (“questo sito è stato sequestrato”), ma abbastanza generico per qualsiasi caso d’uso: avvisi di manutenzione, schermate di benvenuto, annunci di eventi, ecc.

Come funziona

Al caricamento della pagina, l’immagine viene visualizzata centrata sullo schermo, ridimensionata per occupare la maggior parte della viewport possibile mantenendo le proporzioni (object-fit: contain). L’area rimanente esterna all’immagine viene riempita con un colore di sfondo configurabile.

Il sovrapposto scompare quando si verifica una delle seguenti condizioni per prima:

  • è trascorso il numero configurato di secondi, oppure
  • l’utente ha cliccato sul sovrapposto il numero configurato di volte.

Imposta uno dei due valori a 0 per disabilitare quel metodo di chiusura.

Impostazioni

Impostazione Tipo Predefinito Descrizione
cover_image upload (nessuno) L’immagine da visualizzare a schermo intero
trigger_after stringa (nessuno) Data e ora UTC ISO-8601 dopo cui il sovrapposto si attiva, ad esempio 2026-04-01T08:00:00Z
display_seconds intero 5 Secondi prima della chiusura automatica (0 = mai)
dismiss_on_clicks intero 3 Clic necessari per chiudere (0 = disabilitato)
background_color stringa #000000 Colore CSS per l’area esterna all’immagine

Comportamento dei cookie

Una volta che un visitatore chiude il sovrapposto (tramite timer o clic), viene impostato un cookie chiamato tc_coverimage_seen che registra il valore di trigger_after. Il sovrapposto non verrà più visualizzato finché trigger_after non viene modificato con un nuovo valore: questo resetta lo stato di visualizzazione per tutti e fa sì che venga mostrato di nuovo alla prossima navigazione nella pagina.

Esempio

Imposta trigger_after: "2026-04-01T00:00:00Z", display_seconds: 0, dismiss_on_clicks: 1 per una schermata di benvenuto a singolo clic che si attiva a mezzanotte UTC il 1° aprile e che ogni visitatore vede solo una volta.

Ovviamente questo componente del tema non è stato sviluppato per un’agenzia governativa, ma per @WorldIsMine che gentilmente lo ha reso open source :smiling_face_with_three_hearts:

6 Mi Piace

È fantastico. Lo farò subito sul mio forum oggi :grin:

Componente fantastico. Grazie! :slight_smile:

1 Mi Piace

Puoi vederlo in diretta (solo oggi) su SWAPD. Devo dire che questo scherzo del 1° aprile spinge i limiti al massimo: sta dando un infarto virtualmente a ogni membro.

2 Mi Piace

Ora che ci penso, questo sarà utile in futuro. Per assicurarsi che TUTTI vedano ciò che vuoi annunciare.

2 Mi Piace

Haha, mi fa impazzire! Ehi ragazzi, che bella battuta!