ما هي أفضل طريقة لإعداد مكون أيقونات twemoji؟

أنا أعمل على سمة حيث أرغب في استخدام الرموز التعبيرية كأيقونات في بعض الأماكن. المظهر المقصود هو أكثر أو أقل مثل هذا:

أود تغليف هذا كمكون، بشكل أساسي عن طريق إضافة ورقة sprites لـ Twemoji. لذلك يمكن اختيار الرموز التعبيرية لقائمة الشريط الجانبي وكأيقونات فئة. لا أريد تجاوز أيقونات النظام بالكامل.

هذا يعمل بشكل عام، ومع ذلك، أود أن أسمع آراء حول قضيتين:

  • المجموعة الكاملة تحتوي على أكثر من 3000 أيقونة. سيكون حجم الملف 8 ميجابايت. لقد وجدت ورقة sprites محدودة عبر الإنترنت تحتوي على 2 ميجابايت. المجموعة الكاملة لم تعمل في الواقع، المجموعة المخفضة عملت. ما هي الحدود التي يجب أن أستهدفها بمجموعة أيقونات؟
  • افتراضيًا، تمتلك الرموز التعبيرية قيمة Unicode السداسية عشرية كمعرف. لذلك ستحتاج إلى استخدام منتقي رموز تعبيرية مثل Twemoji Cheatsheet للعثور على الرمز التعبيري الخاص بك وقيمته السداسية عشرية، ثم إدخالها. على سبيل المثال:

هل يعرف أحد أفضل طريقة لأتمتة تغيير المعرفات إلى أسماء مختصرة فعلية؟ حتى يتمكن المرء من الاختيار عن طريق كتابة “tw-books”؟

إعجاب واحد (1)

كل ما يمكنني قوله الآن هو نعم من فضلك :grin: أحب هذا :heart_eyes_cat:

3 إعجابات

يبدو أن الصفحة التي ربطتها تستخدم emojibase للحصول على “خريطة رموز تعبيرية” (مع يونيكود، اسم، إلخ)، ربما يمكنك استخدام شيء مشابه؟ :thinking:

روابط ذات صلة:

بالمناسبة، تبدو رائعة :smiley:

إعجابَين (2)

شكراً لك ألكسندر! يبدو أنني كنت بحاجة إلى دفعة هنا :slight_smile:

إذًا، هذا يعمل الآن :sparkles: لقد أضفت المجموعة الرئيسية من الرموز التعبيرية، بدون متغيرات (مثل لون البشرة والجنس). هذه مجموعة من 1869 أيقونة (من أصل 3689 ملف SVG في مجلد أصول Twemoji). لقد استخدمت tw- كبادئة، بالإضافة إلى الرمز المختصر الإنجليزي لتسمية الأيقونات. قد يحتاج المرء إلى استخدام موقع مرجعي للعثور على الرمز التعبيري الصحيح حيث أن الأسماء لا تتضمن أي علامات. على سبيل المثال، هذه الأيقونة لا تظهر إذا كتبت golf في أداة اختيار الأيقونات:

سأشارك المكون في theme-components عندما أنتهي من الثيم. إذا أراد أي شخص تجربته بالفعل، فإن المستودع هو GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.

4 إعجابات

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.