يشرح هذا الدليل كيفية تخصيص الرموز التعبيرية (emojis) على موقع Discourse الخاص بك من خلال مجموعات الرموز التعبيرية القابلة للاختيار، وتحميل رموز تعبيرية جديدة، وتكوين إعدادات الموقع، وتعديل أحجام الرموز التعبيرية.
مستوى المستخدم المطلوب: مسؤول (Administrator)
اختيار مجموعة الرموز التعبيرية
يدعم Discourse حاليًا خمس مجموعات من الرموز التعبيرية:
- Fluent UI
- Noto
- OpenMoji
- Twemoji
- Standard (Unicode)
للحصول على نظرة عامة حول مظهر المجموعات المختلفة، يمكنك الاطلاع على مقارنة مجموعات الرموز التعبيرية هذه. يمكنك تكوين إعداد الموقع emoji_set في /admin/config/emoji/settings جنبًا إلى جنب مع إعدادات أخرى متعلقة بالرموز التعبيرية.
إضافة رموز تعبيرية مخصصة
لإضافة رموز تعبيرية مخصصة:
-
انتقل إلى مسؤول (Admin) → المظهر (Appearance) → الرموز التعبيرية (Emoji) في
/admin/config/emoji -
انقر على زر إضافة رمز تعبيري لتسمية وتصنيف وتحميل صورة الرمز التعبيري الخاص بك
إذا كان لديك ملفات رموز تعبيرية متعددة للتحميل، يمكنك تحديد ما يصل إلى 10 ملفات صور في محدد الملف للتحميل المجمع. سيتم استخدام أسماء ملفات الصور كأسماء للرموز التعبيرية في هذه الحالة.
إعدادات الرموز التعبيرية
يمكنك الوصول إلى إعدادات الرموز التعبيرية في /admin/config/emoji/settings لتخصيص كيفية سلوك الرموز التعبيرية على موقعك.
enable_emoji- تمكين عرض واستخدام الرموز التعبيرية في مثيل Discourse الخاص بك. إذا تم تعطيله، فلن يتم عرض الرموز التعبيرية ولن يتمكن المستخدمون من الوصول إليها أو استخدامها في حقول النص.emoji_set- حدد أسلوبك المفضل للرمز التعبيري. يمكن أن توفر مجموعات الرموز التعبيرية المختلفة مظاهر فريدة للرموز التعبيرية المعروضة على الموقع.max_emojis_in_title- الحد الأقصى المسموح به للرموز التعبيرية في عنوان الموضوع (الافتراضي: 1). إذا كانت القيمة المعينة صفرًا، فإنه يمنع استخدام أي رموز تعبيرية في عناوين المواضيع.enable_emoji_shortcuts- سيتم تحويل الوجوه الضاحكة النصية الشائعة مثل:):p:(إلى رموز تعبيرية.emoji_autocomplete_min_chars- الحد الأدنى لعدد الأحرف المطلوبة لتشغيل نافذة الرموز التعبيرية المنبثقة للإكمال التلقائي (الافتراضي: 0).enable_inline_emoji_translation- يتيح الترجمة للرموز التعبيرية المضمنة (بدون أي مسافة أو علامات ترقيم قبلها).emoji_deny_list- لن تكون هذه الرموز التعبيرية متاحة للاستخدام في القوائم أو الاختصارات النصية.external_emoji_url- عنوان URL لخدمة خارجية لصور الرموز التعبيرية. اترك فارغًا لاستخدام الإعداد الافتراضي.discourse_reactions_enabled_reactions- يحدد قائمة بالتفاعلات الممكنة، ويُسمح بأي رمز تعبيري هنا. التفاعلات الافتراضية: +1، ضحك، فم مفتوح، تصفيق، كرة قصاصات ورقية، وعناق.discourse_reactions_excluded_from_like- التفاعلات التي لا تُحتسب كتفضيل (Like). أي تفاعلات ليست في هذه القائمة ستُحتسب كتفضيل للشارات، والإبلاغ، ولأغراض أخرى.discourse_reactions_allow_any_emoji- إذا تم تمكين هذا، فسيضيف زرًا يسمح للمستخدمين باختيار أي رمز تعبيري في أداة اختيار التفاعلات. سيُسمح للأعضاء باختيار أي رمز تعبيري، بما في ذلك الرموز التعبيرية المخصصة، للتفاعلات. لتحديد التفاعلات المتاحة، استخدم إعداد الموقعemoji_deny_list.
تغيير حجم الرموز التعبيرية المخصصة
افتراضيًا، يتم تغيير حجم جميع الرموز التعبيرية عبر CSS إلى 20x20، ولكن يمكن تجاوز هذا باستخدام CSS مخصص. للحفاظ على نسبة العرض إلى الارتفاع الصحيحة والحجم الأصلي في المنشورات، أضف CSS التالي:
/* اجعل الرموز التعبيرية بالحجم العادي (لا تفرض المربع) */
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;
}
لتخصيص حجم رمز تعبيري معين، استخدم:
img.emoji[title=":youremoji:"] {
height: XXpx;
width: YYpx;
}
لتغيير حجم الرموز التعبيرية في رسائل الدردشة وحالة المستخدم في الدردشات:
div.chat-message-text img.emoji[src*="uploads"],
span.user-status-message img.emoji[src*="uploads"] {
width: auto;
height: auto;
}