أيقونات بديلة

بشكل افتراضي، يجمع Discourse الأيقونات من مكتبة FontAwesome الممتازة. ولكن هناك العديد من مكتبات الأيقونات المتاحة للاستخدام المجاني. هذا الموضوع هو موطن لمجموعات الأيقونات البديلة. يسرد بعض مكونات الثيم التي يمكنك تجربتها الآن، ولكنه يصف أيضًا كيف يمكنك المساهمة لدعم Discourse لمجموعات الأيقونات الأخرى.

مجموعات الأيقونات البديلة

إذا كنت مهتمًا بتجربة مجموعة أيقونات مختلفة، فإليك قائمة بمكونات الثيم التي يمكنك تجربتها:

(راجع كيفية تثبيت ثيم أو مكون ثيم للحصول على مساعدة في وضع أحد هذه المستودعات على موقع Discourse الخاص بك.)

هذه المكونات قيد التطوير. يمكنك استخدامها، ولكن لاحظ أنه لن يكون لكل أيقونة في النواة بديل مناسب. (ومع ذلك، نرحب بالمساهمات، انظر أدناه.)

بعض لقطات الشاشة:

أيقونات Feather (باستخدام مخطط ألوان WCAG الداكن)


أيقونات Heroicons (باستخدام مخطط ألوان WCAG الفاتح)


Unicons (باستخدام مخطط ألوان Grey Amber)


Phosphor Duotone (باستخدام مخطط ألوان WCAG الفاتح)

المساهمة

مطورون ومصممو الثيمات، هذا القسم مخصص لكم.

يتم إنشاء المكونات المدرجة أعلاه باستخدام مستودع الأدوات discourse-alt-icons، الذي يبسط استبدال الأيقونات في نواة Discourse بأيقونات من مجموعات الأيقونات الأخرى مفتوحة المصدر. يكمن جوهر المستودع في برنامج نصي للبناء يقوم بإنشاء مكون ثيم من ملف JSON لتعيينات أسماء الأيقونات.

نرحب بالمساهمات ونشجع عليها. يستخدم Discourse العديد من الأيقونات من FontAwesome والعثور على تطابقات من مجموعات الأيقونات الأخرى مهمة ممتعة، ولكنه يستغرق وقتًا طويلاً. إذا كنت ترغب في المساعدة، يمكنك سحب discourse-alt-icons واتباع الخطوات في ملف القراءة لإضافة تطابقات للأيقونات التي ليس لديها تطابقات بعد.

دعم مجموعات الأيقونات الأخرى

يرجى استخدام الردود أدناه لاقتراح إضافة دعم لمجموعة أيقونات أخرى. أو، والأفضل من ذلك، ببذل القليل من الجهد يمكنك إرسال طلب سحب إلى مستودع discourse-alt-icons. لاحظ أنه سيتم النظر فقط في مجموعات الأيقونات ذات التراخيص المتساهلة للغاية (أي يجب أن تسمح بالتعديل والتوزيع والاستخدام الخاص).


يتم التحكم في إصدار هذه الوثيقة - اقترح تغييرات على github.

30 إعجابًا

If anyone is looking to contribute an icon set, but doesn’t have one in mind:

MIT licensed, designed by the folks over at tailwindlabs.com

4 إعجابات

Hope to help, here are some icons you can use

Nice suggestion, I added this and updated the OP with a screenshot. It doesn’t have a lot of icons, for example, it has no icons for the composer toolbar, but the icons it does have are quite nice. Thanks!

إعجابَين (2)

Does this mean that Google Fonts is out of the question?

Google’s Material Icons license is permissive enough. But their repo is gigantic, and it might be time-consuming to find the path to each icon.

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

Yes, but once it’s done, you won’t have to do it again. :slight_smile:

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

هل يمكننا الحصول على أيقونات Phosphor Regular أيضًا؟

إعجابَين (2)

مع القليل من العمل، يمكنك (أو أي شخص حقًا) إنشاء مستودع Phosphorus Regular من المستودع duotone. يسعدني مراجعته وتضمينه في القائمة هنا إذا كان لدينا مستودع.

إعجابَين (2)

سيكون ذلك مذهلاً. يجب أن يكون لدينا افتراضيًا قائمة بمجموعات الأيقونات في /admin، نظرًا لأن FontAwesome قبيحة بعض الشيء. :ok_man:

القبح مسألة ذوق. لكن في الوقت الحاضر، أصبح تقديم الأيقونات المجانية من Font Awesome محدودًا حقًا.

من ناحية أخرى - كم عدد الأيقونات التي تبدو جيدة حقًا :joy:

يبدو أنه عندما نقوم بتحميل إحدى هذه المجموعات، لا يتم استبدال الأيقونات المفقودة بأيقونات Font Awesome الافتراضية، لذا فهي فارغة تمامًا، وغير قابلة للاستخدام إلى حد كبير… :thinking:

أنا معجب بمجموعة feather، لكنها تفتقر إلى العديد من الأيقونات المفيدة.

لقد أنشأت طلب سحب (PR) على المستودع. بعض التغييرات بعيدة عن الكمال، لكن الأيقونة السيئة لا تزال أفضل من عدم وجود أيقونة على الإطلاق :smiling_face_with_tear:

إليك جميع الأيقونات المضافة حديثًا (صفحة ذات ترميز سيئ، عمود “بدائل” قديم)
https://canapin.dev/discourse/feather-icons/

التغييرات الرئيسية والسيئة إلى حد ما:

image
تعتبر بطاقة الائتمان الأقرب إلى بطاقة العنوان من حيث الأشكال. يمكن أن تكون البدائل الأخرى كتابًا مغلقًا أو مفتوحًا…

image
الأفضل هو علامة التصويب (crosshair). القلم البسيط له شكل مشابه إلى حد ما، ولكنه قلم، ويُستخدم بالفعل للتعديلات.

image
لا يوجد شيء قريب. في رأيي، الأنسب هو أيقونة وحدة المعالجة المركزية (CPU). لقد أخطأت في طلب السحب الخاص بي واستخدمت أيقونة Zap، لذا سأرسل طلب سحب آخر لمعالجة هذا الأمر.

إعجابَين (2)

لقد لاحظت للتو أيقونات Lucide:

هذه نسخة مشتقة من Feather، وهي محدثة. تحتوي Feather على 287 أيقونة فقط، بينما تحتوي Lucide على 1701 (وبالطبع لديهم معظم الأيقونات المفقودة إن لم يكن كلها).

كلا المجموعتين مرخصتان بموجب ترخيص MIT.

لذا أعتقد أنه في هذه الحالة يجب التوقف عن دعم Feather، واستبدالها بـ Lucide.

يبدو طلب السحب الخاص بي بلا معنى الآن :lolsob:

ربما يمكنني محاولة إنشاء مستودع (repo) لهذه المجموعة، إذا وافق الفريق…

3 إعجابات

غير ذي صلة، ولكن عند الذهاب إلى https://canapin.dev، والتمرير إلى الأسفل والنقر على منتدى Virtualmin، كان منتدى Discourse :discourse: !

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

لقد صنعت تقريبًا المجموعة الكاملة من أيقونات Lucide لـ Discourse، ولكن أين يمكنني العثور على القائمة الكاملة للأيقونات التي يستخدمها جوهر Discourse حتى لا يفوتني أي منها؟

هذا القالب discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub يفتقد البعض. مثال واحد، لوحة الألوان

قد يساعدك هذا.

يمكن للمكونات الإضافية والمكونات (components) إضافة أيقونات إضافية. لست متأكدًا من كيفية العثور على الأيقونات الشائعة هناك. قد يكون من المنطقي إلقاء نظرة على المكونات الإضافية التي هي #included-in-core. لذا، قد ينجح البحث عن شيء مثل Code search results · GitHub.

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

إليك المستودع:

لا تتردد في جعله رسميًا.

Font-Awesome

Lucide

3 إعجابات

هل من الممكن إضافة أيقونات أخرى في الإعدادات؟ يبدو أن أيقونات الصحيفة والميكروفون ولوحة الألعاب مفقودة

بالتأكيد. أحتاج أيضًا إلى إصلاح أيقونة حجم الخط من المُنشئ.

تعديل: ربما أسأت الفهم، ولست متأكدًا مما إذا كان بإمكاننا استبدال أيقونات ديسكورس (Discourse) من إحدى المجموعات الجديدة خارج المكون :thinking:

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

يا للغباء،

للحصول على قائمة كاملة بالأيقونات المضمنة في Discourse، انتقل إلى /styleguide في مثيل Discourse الخاص بك.

من GitHub - discourse/discourse-alt-icons

أعتقد أن هذا ما يفعله الذكاء الاصطناعي بي، لم أعد أقرأ الدليل حتى :person_facepalming:


لا أجدها في /styleguide أو discourse/lib/svg_sprite.rb at main · discourse/discourse · GitHub. أين يتم استخدامها في Discourse؟

إعجابَين (2)