Benutzerdefinierte Emojis konfigurieren

[Discourse]

Diese Anleitung erklärt, wie Sie benutzerdefinierte Emojis auf Ihrer Discourse-Seite konfigurieren.

Erforderliches Benutzerniveau: Administrator

Benutzerdefinierte Emojis konfigurieren

Möchten Sie Emojis für Ihre Discourse-Seite ändern? Werfen wir einen Blick darauf, wie Sie benutzerdefinierte Emojis für Ihre Discourse-Seite konfigurieren können, einschließlich der Auswahl von Emoji-Sets, dem Hochladen neuer Emojis und der Anpassung der Emoji-Größen.

Ein Emoji-Set auswählen

Discourse wird mit elf verschiedenen Emoji-Sets geliefert:

• Apple/Internationaler Stil
• Facebook Messenger
• Fluent UI
• Google-Stil
• Google Classic
• Noto
• OpenMoji
• Twemoji
• Twitter-Stil
• Standard (Unicode)
• Win10-Stil

Sie können ein Emoji-Set unter /admin/config/emoji/settings?filter=emoji%20set zusammen mit anderen Emoji-bezogenen Einstellungen auswählen.

Benutzerdefinierte Emojis hinzufügen

Um benutzerdefinierte Emojis hinzuzufügen:

1. Navigieren Sie zu: Discourse Admin - Config - Emoji unter /admin/config/emoji
2. Sie können:
   • Einen Namen eingeben und auf Emoji hinzufügen klicken, um ein Foto als Emoji hochzuladen
   • Bis zu 10 Dateien in das Feld Name ziehen und ablegen, um sie in großen Mengen hochzuladen; Dateinamen werden als Emojinamen verwendet.

Emoji-Einstellungen

Sie können auf die Emoji-Einstellungen unter /admin/config/emoji/settings zugreifen, um anzupassen, wie Emojis auf Ihrer Seite funktionieren.

• enable_emoji - Ermöglicht die Anzeige und Verwendung von Emojis in Ihrer Discourse-Instanz. Wenn deaktiviert, werden Emojis nicht gerendert und Benutzer können sie in Textfeldern weder aufrufen noch verwenden.
• emoji_set - Wählen Sie Ihren bevorzugten Emoji-Stil. Verschiedene Emoji-Sets können den auf der Seite angezeigten Emojis ein einzigartiges Aussehen verleihen.
• max_emojis_in_title - Maximal zulässige Emojis im Thementitel (Standard: 1). Wenn der Wert Null ist, wird die Verwendung von Emojis in Thementiteln verhindert.
• enable_emoji_shortcuts - Häufige Smiley-Texte wie :) :p :( werden in Emojis umgewandelt.
• emoji_autocomplete_min_chars - Mindestanzahl von Zeichen, die erforderlich ist, um das Popup für die Emoji-Vervollständigung auszulösen (Standard: 0).
• enable_inline_emoji_translation - Aktiviert die Übersetzung für Inline-Emojis (ohne Leerzeichen oder Satzzeichen davor).
• emoji_deny_list - Diese Emojis stehen in Menüs oder Kurzcodes nicht zur Verfügung.
• external_emoji_url - URL eines externen Dienstes für Emoji-Bilder. Leer lassen, um die Standardeinstellung zu verwenden.
• discourse_reactions_enabled_reactions - Definiert eine Liste aktivierter Reaktionen; jedes Emoji ist hier erlaubt. Standardreaktionen: +1, lachend, offener_Mund, klatschen, Konfettiball und Umarmungen.
• discourse_reactions_excluded_from_like - Reaktionen, die nicht als „Gefällt mir“ zählen. Alle Reaktionen, die nicht auf dieser Liste stehen, zählen als „Gefällt mir“ für Abzeichen, Meldungen und andere Zwecke.
• discourse_reactions_allow_any_emoji - Wenn dies aktiviert ist, wird eine Schaltfläche hinzugefügt, mit der Benutzer jedes Emoji im Reaktionen-Auswähler auswählen können. Mitglieder dürfen beliebige Emojis auswählen, einschließlich benutzerdefinierter Emojis, für Reaktionen. Um die verfügbaren Reaktionen einzuschränken, verwenden Sie die Website-Einstellung emoji_deny_list.

Benutzerdefinierte Emojis in der Größe ändern

Standardmäßig werden alle Emojis per CSS auf 20x20 skaliert, dies kann jedoch mit benutzerdefinierter CSS überschrieben werden. Um das korrekte Seitenverhältnis und die native Größe in Beiträgen beizubehalten, fügen Sie die folgende CSS hinzu:

/* Emoji normale Größe machen (nicht auf quadratisch erzwingen) */
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;
}

Um die Größe eines bestimmten Emojis anzupassen, verwenden Sie:

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

Zum Ändern der Größe von Emojis in Chat-Nachrichten und Benutzerstatus in Chats:

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