 |
Riepilogo | Aggiunta di adesivi |
 |
Anteprima | Theme Creator |
 |
Repository | GitHub - VaperinaDEV/discourse-stickers: With this theme component you can add stickers. · GitHub |
 |
Ti è stato utile? | > ./support --coffee |
 |
Guida all’installazione | Come installare un tema o un componente del tema |
 |
Nuovo ai temi Discourse? | Guida per principianti all’uso dei temi Discourse |
Installa questo componente del tema
Discourse Stickers v1.0
Ciao 
Con questo componente del tema puoi aggiungere adesivi ai post e ai messaggi di chat…
Come funziona?
Aggiunge un pulsante nel compositore che apre la modale degli adesivi.
Modale degli adesivi
Quando fai clic su un adesivo, verrà aggiunto al compositore.
Il codice markdown dell’immagine verrà inserito in [wrap=sticker] img [/wrap], il che significa che le immagini degli adesivi possono essere formattate separatamente dalle altre immagini.
Gli adesivi vengono sempre inseriti in una nuova riga e contengono titolo e dimensione. La dimensione è attualmente fissa a 180x180px. Ogni adesivo ha un’ombra che rende l’immagine più simile a un vero adesivo…
Nel compositore e nei post, le informazioni meta al passaggio del mouse sono nascoste tramite CSS.
Come configurare?
Per prima cosa devi caricare le immagini che vuoi utilizzare come adesivi. Carica semplicemente queste immagini in un post di un argomento.
Lavoreremo con queste immagini di cui abbiamo bisogno dell’URL dell’immagine e dell’URL markdown.
Esempio:
Ho caricato l’immagine in un post. Uso la versione ottimizzata dell’URL dell’immagine. Si trova qui 
ma puoi usare qualsiasi URL dell’immagine.
L’URL di caricamento markdown tra parentesi
Impostazioni
immagini adesivi
Nelle impostazioni delle immagini degli adesivi puoi configurare gli adesivi…
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 adesivo nella modale degli adesivi.
previewUrl: Questa è l’immagine mostrata nella modale degli adesivi.
markdownUrl: Questo è l’URL markdown dell’immagine caricata in precedenza.
Discourse Stickers v2.0
Ciao
Con questo componente del tema puoi aggiungere adesivi a post, risposte e messaggi di chat.
La versione 2.0 introduce un gestore di adesivi ridisegnato con caricamento nativo delle immagini, gruppi di adesivi, visibilità basata su categoria e controlli specifici per la chat.
Come funziona?
Il componente aggiunge un pulsante adesivi al compositore. Facendo clic su di esso si apre il selettore di adesivi.
Quando selezioni un adesivo, viene inserito direttamente nel compositore.
Per i post e le risposte normali, gli adesivi sono racchiusi in:
[wrap=sticker][/wrap]
Questo consente di formattare le immagini degli adesivi separatamente dalle immagini normali.
Gli adesivi pubblicati non sono cliccabili e non apriranno la lightbox di Discourse.
Selettore di adesivi
Il selettore di adesivi supporta i gruppi se hai una raccolta più ampia di adesivi.
Se sono configurati più gruppi, viene visualizzata una barra di filtro nella parte superiore del selettore.
Gli adesivi senza gruppo vengono automaticamente inseriti sotto Altro.
Se non sono disponibili adesivi per il contesto attuale, il selettore visualizza uno stato vuoto.
Come configurare?
La configurazione degli adesivi è stata completamente ridisegnata nella v2.0.
Non è più necessario caricare le immagini in un argomento prima o copiare manualmente gli URL delle immagini.
Vai semplicemente alle impostazioni del componente e aggiungi un adesivo. Il campo Immagine ti consente di caricare direttamente l’adesivo.
Impostazioni adesivi
Ogni adesivo può ora avere le seguenti proprietà:
Titolo
Il nome dell’adesivo. Viene utilizzato come tooltip e testo alternativo dell’adesivo.
Gruppo
Facoltativo. Usa i gruppi per organizzare i tuoi adesivi e filtrarli nel selettore.
Lascia vuoto per inserire l’adesivo sotto Altro.
Badge emoji
Facoltativo. Visualizza una piccola emoji nell’angolo dell’adesivo.
Puoi usare un’emoji reale o un shortcode di Discourse come :heart: o :smile:.
Immagine
L’immagine dell’adesivo.
Carica l’immagine direttamente utilizzando l’impostazione. La stessa immagine viene utilizzata sia per il selettore che per l’adesivo pubblicato.
Categorie
Facoltativo. Limita l’adesivo a categorie specifiche.
Se vengono selezionate delle categorie, l’adesivo apparirà solo nel compositore di post/risposta normale quando una di quelle categorie è selezionata.
Lascia vuoto per rendere l’adesivo disponibile in tutte le categorie.
Questa impostazione non influisce sulla chat.
Nascondi dai messaggi diretti
Quando abilitato, l’adesivo non sarà disponibile nelle chat private/dirette.
Canali chat
Facoltativo. Limita l’adesivo a specifici canali di chat pubblici.
Inserisci gli ID dei canali separati da virgole.
Ad esempio, se l’URL del canale è:
/chat/c/nome-canale/123
usa:
123
Lascia vuoto per rendere l’adesivo disponibile in tutti i canali di chat pubblici/di categoria.
Aggiornamento dalla v1.x
Se stai già usando una versione precedente del componente, non è necessario ricreare la tua raccolta di adesivi.
La v2.0 include una migrazione delle impostazioni che converte automaticamente la vecchia configurazione sticker_images nel nuovo formato.
La migrazione preserva:
- titoli degli adesivi
- badge emoji
- immagini degli adesivi caricate esistenti
Le immagini caricate esistenti vengono risolte nuovamente ai loro upload originali di Discourse e popolate nel nuovo campo Immagine.
Le vecchie impostazioni previewUrl e markdownUrl non sono più richieste.
Semplicemente aggiorna il componente e i tuoi adesivi 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