Dieser Leitfaden erklärt, wie Sie Emojis auf Ihrer Discourse-Website durch auswählbare Emoji-Sets, das Hochladen neuer Emojis, das Konfigurieren von Website-Einstellungen und das Anpassen der Emoji-Größen anpassen können.
Erforderliches Benutzerniveau: Administrator
Auswahl eines Emoji-Sets
Discourse unterstützt derzeit fünf Emoji-Sets:
- Fluent UI
- Noto
- OpenMoji
- Twemoji
- Standard (Unicode)
Für eine Übersicht darüber, wie die verschiedenen Sets aussehen, können Sie sich diesen Vergleich der Emoji-Sets ansehen. Sie können die Website-Einstellung emoji_set unter /admin/config/emoji/settings zusammen mit anderen Emoji-bezogenen Einstellungen konfigurieren.
Hinzufügen benutzerdefinierter Emojis
Um benutzerdefinierte Emojis hinzuzufügen:
-
Navigieren Sie zu Admin → Appearance → Emoji unter
/admin/config/emoji -
Klicken Sie auf die Schaltfläche Emoji hinzufügen, um Ihr Emoji-Bild zu benennen, zu klassifizieren und hochzuladen
Wenn Sie mehrere Emoji-Dateien hochladen möchten, können Sie im Dateiauswahlprogramm bis zu 10 Bilddateien für den Massen-Upload auswählen. Die Dateinamen der Bilder werden in diesem Fall als Emoji-Namen verwendet.
Emoji-Einstellungen
Sie können auf die Emoji-Einstellungen unter /admin/config/emoji/settings zugreifen, um anzupassen, wie Emojis auf Ihrer Website funktionieren.
enable_emoji- Aktiviert 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 Website angezeigten Emojis ein einzigartiges Aussehen verleihen.max_emojis_in_title- Maximal zulässige Emojis im Thema-Titel (Standard: 1). Wenn der Wert auf Null gesetzt ist, wird die Verwendung jeglicher Emojis in Thema-Titeln verhindert.enable_emoji_shortcuts- Allgemeine Smiley-Texte wie:):p:(werden in Emojis umgewandelt.emoji_autocomplete_min_chars- Mindestanzahl von Zeichen, die erforderlich sind, um das Emoji-Autocomplete-Popup auszulösen (Standard: 0).enable_inline_emoji_translation- Aktiviert die Übersetzung für Inline-Emojis (ohne vorhergehendes Leerzeichen oder Satzzeichen).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. Lassen Sie das Feld leer, um die Standardeinstellung zu verwenden.discourse_reactions_enabled_reactions- Definiert eine Liste aktivierter Reaktionen, jedes Emoji ist hier erlaubt. Standardreaktionen: +1, lachen, überrascht, klatschen, Konfettiball und umarmen.discourse_reactions_excluded_from_like- Reaktionen, die nicht als „Gefällt mir“ gezählt werden. Alle Reaktionen, die nicht auf dieser Liste stehen, zählen für Abzeichen, Meldungen und andere Zwecke als „Gefällt mir“.discourse_reactions_allow_any_emoji- Wenn dies aktiviert ist, wird eine Schaltfläche hinzugefügt, mit der Benutzer jedes Emoji im Reaktionsauswahlfeld auswählen können. Mitglieder dürfen für Reaktionen jedes Emoji auswählen, einschließlich benutzerdefinierter Emojis. Um die verfügbaren Reaktionen einzuschränken, verwenden Sie die Website-Einstellungemoji_deny_list.
Größe benutzerdefinierter Emojis anpassen
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 anzeigen (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;
}