Discourse FontAwesome Pro

[Discourse]

	ملخص	يسمح تطبيق Discourse FontAwesome Pro باستخدام أيقونات Font Awesome Pro في Discourse مع رخصة FontAwesome من خلال استخدام رمز حزمة NPM الخاص بحسابك.
	رابط المستودع	https://github.com/discourse/discourse-fontawesome-pro
	دليل التثبيت	كيفية تثبيت الإضافات في Discourse

نظرًا لأن هذه إضافة رسمية يديرها فريق Discourse، يمكن تقديم طلبات #الدعم، و#المشاركة:خطأ، و#المشاركة:تجربة المستخدم، و#المشاركة:ميزة في الفئات المعنية هنا على Meta، مع وضع العلامة المناسبة للإضافة. انقر على أحد الروابط أدناه للبدء.

 الدعم  خطأ  تجربة المستخدم  ميزة

الإعداد

فعّل إعداد الموقع تمكين أيقونات fontawesome pro، وأدخل رمز حزمة font awesome pro الخاص بك (لاحظ أن هذا يختلف عن رمز API الخاص بك) في إعداد الموقع رمز مصادقة fontawesome. يقوم Discourse بتنزيل الأيقونات في الخلفية.

يمكنك أيضًا تعيين الرمز باستخدام متغير البيئة DISCOURSE_FONTAWESOME_AUTH_TOKEN بدلاً من ذلك. إذا تم استخدام هذه الطريقة، فلن يمكن تحرير المفتاح من واجهة المستخدم.

كانت الإصدارات السابقة من هذه الإضافة تتطلب تشغيل scripts/install.sh في ملف app.yml الخاص بك. لم يعد هذا ضروريًا، ويمكن إزالته.

---

اختيار عائلة بديلة:

في إعدادات المشرف، يمكنك تجاوز عائلة الأيقونات الافتراضية في Discourse:

اختيار نمط بديل:

يمكنك أيضًا تجاوز نمط الأيقونات الافتراضي:

Duotone

للحصول على تحكم كامل في دعم Duotone، ستحتاج إلى تجاوز كـ CSS التالي (في سمة، أو بطريقة أخرى) واستبداله بمخطط الألوان الخاص بك:

svg {
  --fa-secondary-color: red;
  --fa-secondary-opacity: 0.6;
}

لتلوين الأيقونات الفردية، ارجع إلى معرف SVG:

#fad-search .fa-secondary {
  --fa-secondary-color: red;
  --fa-secondary-opacity: 0.6;
}

تحديث تنسيق Duotone
إذا كنت تستخدم محددات تعتمد على الفئة مثل:

.fa-secondary { color: red; }

ستحتاج إلى تحديث التنسيق الخاص بك لاستخدام الخصائص المخصصة CSS بدلاً من ذلك. لم تعد تجاوزات الألوان المعتمدة على الفئة تعمل لأنها تمت إزالتها في Font Awesome v7

---

في الخلفية، تستخدم هذه الطريقة مستودع FontAwesome لتثبيت الخطوط في مجلد SVG الخاص بالإضافة، مما يتيح لـ Discourse التقاط الرموز المصورة (Sprites) من هناك.

مستضاف بواسطة Discourse؟ هذه الإضافة متوفرة في خططنا المؤسسية (Enterprise).

[TheDarkWizard]

@featheredtoast لم تتح لي الفرصة للتحقق، ولكن هل يقوم هذا بتنزيل أحدث إصدار من Font Awesome Pro، مثل 6.x؟

[jrgong]

تم ذكر حل بديل هنا:

How to use Font Awesome Pro v6?

<link rel="stylesheet" href="path/to/font-awesome-pro-v6/css/all.min.css"> Obtain the Font Awesome Pro v6 package: Sign in to your Font Awesome account. Download the Font Awesome Pro v6 package, which includes the necessary CSS and font files. Replace “path/to/font-awesome-pro-v6” with the actual path where you have stored the Font Awesome Pro v6 CSS file. By adding the <link> tag to your Discourse theme’s “head_tag.html” file, you’re referencing the Font Awesome Pro v6 CSS file, which will l…

[jrgong]

هل الإصدار الأخير يدعم بالفعل FA6 pro؟ @featheredtoast

[JammyDodger]

أخشى أن هذا ليس هو الحال بعد. أعتقد أن هذا لا يزال هو الحال:

@awesomerobot

لم نقم بالتحديث رسميًا إلى الإصدار 6 بعد… يغير الإصدار 6 بعض الأيقونات، يعيد تسمية الكثير، ويزيل بعضها… لذا فهو قدر لا بأس به من العمل للعثور على كل ما يحتاج إلى تحديث واستبداله. نأمل أن يكون شيئًا يمكننا القيام به قريبًا.

[davidkingham]

لمن يتساءل، هذا لا يزال لا يعمل مع الإصدار 6، حتى مع دعم النواة الأحدث له، لا تزال بحاجة إلى استخدام --branch fa5 لجعل أيقونات pro تعمل.

[jrgong]

هل لا يزال هذا المكون الإضافي قيد الصيانة؟ أنا فضولي لمعرفة ما إذا كان بإمكاننا استخدام أيقونات FA(6) pro في هذه المرحلة

[featheredtoast (Jeff Wong)]

إنها بحاجة إلى بعض الترتيب - إنها على القائمة، ونحن نعمل عليها - اعذروا الغبار.

[Juan_David_Martínez (Juan David Martinez Cubillos)]

مرحباً بالجميع، لقد قمت بتحديث هذه الإضافة للعمل مع FontAwesome v7 وسأقوم بتحديث المستندات قريباً

[jrgong]

هل من الممكن أن النمط regular لم يتم تطبيقه بشكل صحيح في إعدادات المكون الإضافي؟ عند التحقق من https://fontawesome.com/icons، فإن أيقونات FA ذات النمط العادي مجوفة بالكامل ولكن على موقعي لا تزال الأيقونات ذات نمط مملوء

[Juan_David_Martínez (Juan David Martinez Cubillos)]

شكرا للإبلاغ، تم دمج الإصلاح بالفعل. أخبرني إذا واجهت أي مشاكل أخرى

[putty]

مرحباً خوان،
هل هذا مرتبط بالصدفة؟

[jrgong]

هل يواجه أي شخص آخر مشكلة في أيقونة “d-icon-d-watching-first” لا تعمل عند تمكين المكون الإضافي؟
تم الاختبار على 3.6.0.beta2

[Alteras (Steven Chang)]

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

[jrgong]

ظهر خطأ آخر (أعيد) بالإعدادات التالية:
تم تعيين نمط أيقونة Fa على عادي (regular)
تم تعيين عائلة أيقونة Fa على كلاسيكي (classic)

عندما يتم تعيين إشارة مرجعية مع تذكير، لا يتم عرض أيقونة:

[Alteras (Steven Chang)]

شكراً لك! لقد دفعت للتو إصلاحًا له. يجب أن يعمل الآن.

[jrgong]

@Alteras

ما رأيك في ميزة إضافية للمكونات الإضافية تسمح باستخدام نمط مختلف لجميع أيقونات الحالة النشطة؟ على سبيل المثال، أرى اتجاهًا لاستخدام الأيقونات الممتلئة (في FA: نمط الأيقونة “solid”) للحالة النشطة والأيقونات المجوفة (في FA: نمط الأيقونة “regular”) للحالة العادية.

أثناء استخدام Discourse، لاحظت أنه يبدو “غريبًا” وجود أيقونات مجوفة (أي نمط FA العادي) في الحالة النشطة.

[hipp0]

يبدو أن واجهة برمجة التطبيقات (API) لا تعمل مع خطة Lite بقيمة 60 دولارًا، أخمن أنك بحاجة إلى خطة Pro بقيمة 99 دولارًا سنويًا لاستخدام واجهة برمجة التطبيقات (API) للأيقونات الاحترافية (pro icons)…

[Lilly (Lillian)]

لا، تتطلب واجهة برمجة التطبيقات خيار التحميل واستخدام تطبيقات SVG، وهو ما يتطلب خطة Pro (أو أعلى). تسمح خطة Pro Lite فقط بالاستخدام المحدد عبر الويب من خلال مجموعة الأدوات الخاصة بهم. لا يوضحون ذلك بوضوح كبير، وينبغي إضافة هذه المعلومة على الأرجح إلى المنشور الأصلي.

Font Awesome