Configura emoji personalizzati

[Discourse]

Questa guida spiega come configurare le emoji personalizzate sul tuo sito Discourse.

Livello utente richiesto: Amministratore

Configurazione delle emoji personalizzate

Vuoi cambiare le emoji per il tuo sito Discourse? Vediamo come configurare le emoji personalizzate per il tuo sito Discourse, inclusa la selezione dei set di emoji, il caricamento di nuove emoji e la regolazione delle dimensioni delle emoji.

Selezione di un set di emoji

Discourse è dotato di sette diversi set di emoji:

• Stile Apple/Internazionale
• Stile Google
• Stile Twitter
• Stile Emoji One
• Stile Win10
• Google Classico
• Facebook Messenger

Puoi selezionare un set di emoji su /admin/config/emoji/settings?filter=emoji%20set insieme ad altre impostazioni relative alle emoji.

Aggiunta di emoji personalizzate

Per aggiungere emoji personalizzate:

1. Vai su: Amministrazione di Discourse - Config - Emoji su /admin/config/emoji
2. Puoi:
   • Inserire un nome e fare clic su Aggiungi emoji per caricare una foto come emoji
   • Trascina e rilascia fino a 10 file nel campo Nome per il caricamento in blocco; i nomi dei file verranno utilizzati come nomi delle emoji.

Impostazioni emoji

Puoi accedere alle impostazioni delle emoji su /admin/config/emoji/settings per personalizzare il comportamento delle emoji sul tuo sito.

• enable_emoji - Abilita la visualizzazione e l’uso delle emoji nell’istanza di Discourse. Se disabilitato, le emoji non verranno renderizzate e gli utenti non potranno accedervi o utilizzarle nei campi di testo.
• emoji_set - Seleziona il tuo stile di emoji preferito. Diversi set di emoji possono fornire aspetti unici alle emoji visualizzate sul sito.
• max_emojis_in_title - Numero massimo di emoji consentite nel titolo di un argomento (predefinito: 1). Se il valore impostato è zero, impedisce l’uso di qualsiasi emoji nei titoli degli argomenti.
• enable_emoji_shortcuts - I testi smiley comuni come :) :p :( verranno convertiti in emoji.
• emoji_autocomplete_min_chars - Numero minimo di caratteri richiesti per attivare il popup di completamento automatico delle emoji (predefinito: 0).
• enable_inline_emoji_translation - Abilita la traduzione per le emoji inline (senza spazi o punteggiatura precedenti).
• emoji_deny_list - Queste emoji non saranno disponibili per l’uso nei menu o negli shortcode.
• external_emoji_url - URL del servizio esterno per le immagini emoji (predefinito: https://emoji.discourse-cdn.com). Lasciare vuoto per disabilitare.
• discourse_reactions_enabled_reactions - Definisce un elenco di reazioni abilitate, qualsiasi emoji è consentita qui. Le reazioni predefinite includono: cuore, risata, pianto, testa che esplode, applauso, palla di coriandoli, abbracci, bacio dello chef, 100, +1, razzo, occhi sbarrati, discourse e occhi.
• discourse_reactions_excluded_from_like - Reazioni che non contano come Mi piace. Qualsiasi reazione non presente in questo elenco conterà come Mi piace per badge, segnalazioni e altri scopi.
• discourse_reactions_allow_any_emoji - Se abilitato, aggiungerà un pulsante che consente agli utenti di selezionare qualsiasi emoji nel selettore di reazioni. Ai membri sarà consentito scegliere qualsiasi emoji, incluse le emoji personalizzate, per le reazioni. Per limitare le reazioni disponibili, utilizzare l’impostazione del sito emoji_deny_list.

Ridimensionamento delle emoji personalizzate

Per impostazione predefinita, tutte le emoji vengono ridimensionate tramite CSS a 20x20, ma ciò può essere sovrascritto con CSS personalizzato. Per mantenere il corretto rapporto di aspetto e la dimensione nativa nei post, aggiungi il seguente CSS:

/* Rendi le emoji di dimensioni normali (non forzare il quadrato) */
div.topic-post img.emoji[src*="uploads"], 
div.d-editor-preview img.emoji[src*="uploads"], 
div.emoji-modal img.emoji[src*="uploads"], 
div.d-editor-textarea-wrapper img.emoji[src*="uploads"], 
div.title-wrapper img.emoji[src*="uploads"], 
td.main-link img.emoji[src*="uploads"] {
    width: auto;
    height: auto;
}

Per personalizzare le dimensioni di una specifica emoji, usa:

img.emoji[title=":youremoji:"] { 
    height: XXpx; 
    width: YYpx; 
}

Per ridimensionare le emoji nei messaggi di chat e nello stato utente nelle chat:

div.chat-message-text img.emoji[src*="uploads"], 
span.user-status-message img.emoji[src*="uploads"] {
    width: auto;
    height: auto;
}