Benutzerdefinierte Emojis konfigurieren

Dokumentation Website-Verwaltung
, ,
1

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

:person_raising_hand: Erforderliche Benutzerebene: Administrator

Benutzerdefinierte Emojis konfigurieren

Möchten Sie die Emojis für Ihre Discourse-Seite ändern? Sehen wir uns an, 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 sieben verschiedenen Emoji-Sets geliefert:

  • Apple/Internationaler Stil
  • Google-Stil
  • Twitter-Stil
  • Emoji One-Stil
  • Win10-Stil
  • Google Classic
  • Facebook Messenger

image

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.

image
image
image

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 - Aktiviert die Anzeige und Verwendung von Emojis in Ihrer Discourse-Instanz. Wenn deaktiviert, werden Emojis nicht gerendert und Benutzer können nicht darauf zugreifen oder sie in Textfeldern 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 auf Null gesetzt 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 sind, um das Emoji-Autocomplete-Popup 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 des externen Dienstes für Emoji-Bilder (Standard: https://emoji.discourse-cdn.com). Leer lassen, um zu deaktivieren.
  • discourse_reactions_enabled_reactions - Definiert eine Liste aktivierter Reaktionen, jedes Emoji ist hier erlaubt. Standardreaktionen umfassen: Herz, Lachen, Weinen, explodierender Kopf, Klatschen, Konfettiball, Umarmungen, Kochkuss, 100, +1, Rakete, staunend, Discourse und Augen.
  • discourse_reactions_excluded_from_like - Reaktionen, die nicht als „Gefällt mir“ zählen. 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 Reaktionswähler auswählen können. Mitglieder können beliebige Emojis, einschließlich benutzerdefinierter Emojis, für Reaktionen auswählen. Um die verfügbaren Reaktionen einzuschränken, verwenden Sie die Site-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 das 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;
}
33 „Gefällt mir“