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

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

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

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

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

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

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

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


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


Unicons (باستخدام مخطط الألوان الرمادي العنبري)


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

المساهمة

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

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

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

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

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


هذا المستند يخضع للتحكم بالإصدارات - اقترح تغييرات على github.

30 إعجابًا

إذا كان أي شخص يبحث عن المساهمة بمجموعة أيقونات، لكنه لا يملك فكرة محددة:

مرخصة بموجب ترخيص MIT، صمّمها فريق tailwindlabs.com

4 إعجابات

نأمل أن نكون قد ساعدنا، إليك بعض الأيقونات التي يمكنك استخدامها

https://www.flaticon.com/

اقتراح رائع، لقد أضفت هذا وقمت بتحديث المنشور الأصلي بصورة شاشة. لا يحتوي على العديد من الأيقونات؛ على سبيل المثال، لا توجد أيقونات لشريط أدوات المحرر، لكن الأيقونات الموجودة فيه جميلة جدًا. شكرًا لك!

إعجابَين (2)

هل يعني هذا أن Google Fonts ليست خيارًا؟

ترخيص أيقونات Material من Google مرن بما يكفي. لكن مستودعهم ضخم للغاية، وقد يستغرق الأمر وقتًا طويلاً للعثور على مسار كل أيقونة.

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

نعم، ولكن بمجرد الانتهاء منه، لن تضطر إلى فعل ذلك مرة أخرى. :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 · GitHub

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


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

3 إعجابات