 |
Riepilogo | Aggiungi Stickers |
 |
Anteprima | Theme Creator |
 |
Repository | GitHub - VaperinaDEV/discourse-stickers: With this theme component you can add stickers. · GitHub |
 |
Guida all’installazione | Come installare un tema o un componente del tema |
 |
Nuovo su Discourse Themes? | Guida per principianti all’uso di Discourse Themes |
Installa questo componente del tema
Discourse Stickers v1.0
Ciao 
Con questo componente del tema puoi aggiungere sticker ai post e ai messaggi di chat…
Come funziona?
Posiziona un pulsante nel composer che apre la modale degli sticker.
Modale Sticker
Quando clicchi su uno sticker, viene aggiunto al composer.
Il codice markdown dell’immagine viene inserito dentro [wrap=sticker] img [/wrap], il che significa che le immagini degli sticker possono essere stilizzate separatamente dalle altre immagini.
Gli sticker vanno sempre a capo e contengono titolo e dimensione. La dimensione è ora fissa a 180x180px. Ogni sticker ha un’ombra che rende l’immagine più simile a uno sticker…
Nel composer e nei post, le informazioni meta al passaggio del mouse sono nascoste con CSS.
Come configurare?
Innanzitutto devi caricare le immagini che vuoi usare per gli sticker. Carica semplicemente queste immagini in un post di un argomento.
Lavoreremo con queste immagini: ci servono l’URL dell’immagine e l’URL markdown.
Esempio:
Ho caricato l’immagine in un post. Uso la versione optimized dell’URL dell’immagine. Che si trova qui 
ma puoi usare qualsiasi URL dell’immagine.
L’URL markdown del caricamento all’interno delle parentesi
Impostazioni
immagini sticker
Nelle impostazioni delle immagini sticker puoi configurare gli sticker…
titolo: Questo è il titolo dell’immagine e l’alt. Verrà inserito anche nel titolo del codice markdown.
emoji: Verrà inserito nell’angolo in alto a destra di ogni sticker nella Modale Sticker.
previewUrl: Questa è l’immagine mostrata nella Modale Sticker.
markdownUrl: Questo è l’URL markdown dell’immagine caricata in precedenza.
Discourse Stickers v2.0
Ciao
Con questo componente del tema puoi aggiungere sticker a post, risposte e messaggi di chat.
La versione 2.0 introduce un gestore di sticker ridisegnato con caricamenti di immagini nativi, gruppi di sticker, visibilità basata su categorie e controlli specifici per la chat.
Come funziona?
Il componente aggiunge un pulsante sticker al composer. Cliccandolo si apre il selettore di sticker.
Quando selezioni uno sticker, viene inserito direttamente nel composer.
Per i post e le risposte normali, gli sticker sono racchiusi in:
[wrap=sticker][/wrap]
Questo permette di stilizzare le immagini degli sticker separatamente dalle immagini normali.
Gli sticker pubblicati non sono cliccabili e non apriranno la lightbox di Discourse.
Selettore sticker
Il selettore sticker supporta i gruppi quando hai una collezione di sticker più ampia.
Se sono configurati più gruppi, viene visualizzata una barra di filtro in cima al selettore.
Gli sticker senza gruppo vengono automaticamente inseriti sotto Altro.
Se non sono disponibili sticker per il contesto corrente, il selettore mostra uno stato vuoto.
Come configurare?
La configurazione degli sticker è stata completamente ridisegnata nella v2.0.
Non è più necessario caricare immagini in un argomento prima o copiare manualmente gli URL delle immagini.
Vai semplicemente alle impostazioni del componente e aggiungi uno sticker. Il campo Immagine ti permette di caricare lo sticker direttamente.
Impostazioni sticker
Ogni sticker può ora avere le seguenti proprietà:
Titolo
Il nome dello sticker. Viene usato come tooltip e testo alternativo dello sticker.
Gruppo
Opzionale. Usa i gruppi per organizzare i tuoi sticker e filtrarli nel selettore.
Lascia vuoto per inserire lo sticker sotto Altro.
Badge emoji
Opzionale. Visualizza una piccola emoji nell’angolo dello sticker.
Puoi usare un’emoji reale o un shortcode di Discourse come :heart: o :smile:.
Immagine
L’immagine dello sticker.
Carica l’immagine direttamente usando l’impostazione. La stessa immagine viene usata sia per il selettore che per lo sticker pubblicato.
Categorie
Opzionale. Restringi lo sticker a categorie specifiche.
Se sono selezionate delle categorie, lo sticker apparirà solo nel composer di post/risposta normale quando una di quelle categorie è selezionata.
Lascia vuoto per rendere lo sticker disponibile in tutte le categorie.
Questa impostazione non influisce sulla chat.
Nascondi dai messaggi diretti
Quando attivato, lo sticker non sarà disponibile nelle chat private/messaggi diretti.
Canali chat
Opzionale. Restringi lo sticker a canali chat pubblici specifici.
Inserisci gli ID dei canali separati da virgole.
Ad esempio, se l’URL del canale è:
/chat/c/channel-name/123
usa:
123
Lascia vuoto per rendere lo sticker disponibile in tutti i canali chat pubblici/di categoria.
Aggiornamento da v1.x
Se stai già usando una versione precedente del componente, non hai bisogno di ricreare la tua collezione di sticker.
La v2.0 include una migrazione delle impostazioni che converte automaticamente la vecchia configurazione sticker_images nel nuovo formato.
La migrazione preserva:
- titoli degli sticker
- badge emoji
- immagini degli sticker caricate esistenti
Le immagini caricate esistenti vengono risolte ai caricamenti originali di Discourse e popolate nel nuovo campo Immagine.
Le vecchie impostazioni previewUrl e markdownUrl non sono più richieste.
Aggiorna semplicemente il componente e i tuoi sticker esistenti dovrebbero essere migrati automaticamente.
Non sono sicuro che sia possibile ora con questa implementazione.
Impostazioni degli adesivi completamente riprogettate
Gruppi di adesivi e filtro
Adesivi specifici per categoria
Maggiore controllo sugli adesivi nella Chat
Gli adesivi pubblicati non sono più cliccabili
Migliore stato vuoto
Le configurazioni degli adesivi esistenti vengono migrate